管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

javascript获得光标所在的文本框(text/textarea)中的位置

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>js获得光标所在的文本框(text/textarea)中的位置</title> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0Afunction%20getPosition(obj)%7B%20%0D%0Avar%20result%20%3D%200%3B%20%0D%0Aif(obj.selectionStart)%7B%20%2F%2FIE%E4%BB%A5%E5%A4%96%20%0D%0Aresult%20%3D%20obj.selectionStart%20%0D%0A%7Delse%7B%20%2F%2FIE%20%0D%0Avar%20rng%3B%20%0D%0Aif(obj.tagName%20%3D%3D%20%22textarea%22)%7B%20%2F%2FTEXTAREA%20%0D%0Arng%20%3D%20event.srcElement.createTextRange()%3B%20%0D%0Arng.moveToPoint(event.x%2Cevent.y)%3B%20%0D%0A%7Delse%7B%20%2F%2FText%20%0D%0Arng%20%3D%20document.selection.createRange()%3B%20%0D%0A%7D%20%0D%0Arng.moveStart(%22character%22%2C-event.srcElement.value.length)%3B%20%0D%0Aresult%20%3D%20rng.text.length%3B%20%0D%0A%7D%20%0D%0Areturn%20result%3B%20%0D%0A%7D%20%0D%0Afunction%20getValue(obj)%7B%20%0D%0Avar%20pos%20%3D%20getPosition(obj)%3B%20%0D%0Aalert(obj.value.substr(0%2Cpos)%2B%22%5B%E8%BE%93%E5%85%A5%E5%86%85%E5%AE%B9%5D%22%2Bobj.value.substr(pos%2Cobj.value.length))%3B%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> 
</head> 
<body> 
<input type="text" value="HELLO " onmouseup="getValue(this)" style="display:block"> 
<textarea rows="6" cols="60" onmouseup="getValue(this)"> HELLO!</textarea> 
</body> 
</html>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程