软件开发培训班 >> 编程开发 >> JavaScript

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

　　本文标签：js,光标,文本框

<!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> 
<script type="text/javascript"> 
function getPosition(obj){ 
var result = 0; 
if(obj.selectionStart){ //IE以外 
result = obj.selectionStart 
}else{ //IE 
var rng; 
if(obj.tagName == "textarea"){ //TEXTAREA 
rng = event.srcElement.createTextRange(); 
rng.moveToPoint(event.x,event.y); 
}else{ //Text 
rng = document.selection.createRange(); 
} 
rng.moveStart("character",-event.srcElement.value.length); 
result = rng.text.length; 
} 
return result; 
} 
function getValue(obj){ 
var pos = getPosition(obj); 
alert(obj.value.substr(0,pos)+"[输入内容]"+obj.value.substr(pos,obj.value.length)); 
} 
</script> 
</head> 
<body> 
<input type="text" value="HELLO jb51" onmouseup="getValue(this)" style="display:block"> 
<textarea rows="6" cols="60" onmouseup="getValue(this)">jb51 HELLO!</textarea> 
</body> 
</html>

技术文章快速查找

javascript的渐进增强与平稳退化浅谈

getAsDataURL在Firefox7.0下无法预览本地图片的解决方法

javascript 图片滑动切换代码

js文件缓存之版本管理详解

Javascript 去除数组的重复元素

jquery如何把参数列严格转换成数组实现思路

基于jquery的网站幻灯片切换效果焦点图代码

JS 无法通过W3C验证的处理方法

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建