Sunday, August 19, 2007

JavaScript window.getSelection usage example


<script type="text/javascript" language="javascript">
if (window.getSelection) {
// Mozilla
if (String(window.getSelection()))
return String(window.getSelection());
} else if (document.getSelection) {
// Opera? Netscape 4?
if (document.getSelection())
return document.getSelection();
} else {
// IE
if ( document.selection.createRange().text )
return document.selection.createRange().text;
}
</script>
//以下代码是只能用于IE
<input type="text" id="test" value="get the next character after current cursor? 可取中文字" size="60"><br/>
<input type="button" value="取当前光标的后一个字母" onclick="nextChar()"><br/>
<input type="text" value="取当前光标的位置" onclick="charPosition()"><br/>

<script type="text/javascript" language="javascript">
<!--
var s;
function nextChar()
{
document.getElementById('test').focus();
var sel = document.selection.createRange();
sel.moveStart("character",0);
sel.moveEnd("character",1);
s = sel.text.slice(-1);
alert("S = " + s);
}

function charPosition() {
var obj = window.event.srcElement;
var s=document.selection.createRange();
s.setEndPoint("StartToStart", obj.createTextRange())
var pos = s.text.length;
alert(pos);
obj.createTextRange().select();
alert(document.selection.createRange().text);
}
//-->
</script>

No comments :