js获取光标在输入框的位置实例

selection的createRange方法

document.selection.createRange() 根据当前文字选择返回 TextRange 对象，或根据控件选择返回 ControlRange 对象。

配合 execCommand，在 HTML 编辑器中很有用，比如：文字加粗、斜体、复制、粘贴、创建超链接等。

实例一：

 代码如下 复制代码

<textarea cols=50 rows=15>
哈哈。我们都是新生来得。大家都来相互帮助呀。这样我们才能进步，我们才能赚大钱！</textarea>
<input type=button value=选择字后点击我看看 onclick=alert(document.selection.createRange().text)>
</form>

说了这么多费话我们来看一个光标在输入框的位置实例

 代码如下 复制代码

function getCursortPosition(domObj) {
 var position = 0;

 if (document.selection) { //for IE
  domObj.focus();
  var sel = document.selection.createRange();
  sel.moveStart('character', -domObj.value.length);

  position = sel.text.length;
 } else if (domObj.selectionStart || domObj.selectionStart == '0') {
  position = domObj.selectionStart;
 }

 return position;
}

在js获取当前光标在输入框的位置，可以使用如下方法，兼容IE、chrome、firefox以及safari

相关参考 jquery/40412.htm">jquery获取光标所在位置  http://www.111cn.net/wy/jquery/40412.htm

时间： 2024-09-20 22:39:15

js获取光标在输入框的位置实例的相关文章

js 获取站点应用名的简单实例_javascript技巧

 一直用EL表达式${pageContext.request.contextPath}来传递应用名,在用到JS中时,很麻烦,虽然也可以用,但是加大了代码复杂度,因此这里推荐用JS获取应用名 function getContextPath() { var contextPath = document.location.pathname; var index =contextPath.substr(1).indexOf("/"); //这个地方可能有问题,要根据具体项目适当修改 conte

JS获取当前页面名称的简单实例_javascript技巧

JS获取当前页面名称的简单实例 // 取当前页面名称(不带后缀名) function pageName() { var a = location.href; var b = a.split("/"); var c = b.slice(b.length-1, b.length).toString(String).split("."); return c.slice(0, 1); } //取当前页面名称(带后缀名) function pageName() { var s

JS获取和修改元素样式的实例代码_javascript技巧

1.获取元素样式: 可以通过元素的style属性,获取元素行内样式.style属性是一个对象,包括一系列样式属性.例如:color, backgourdColor. 上面讲的通过style属性获取元素样式,不推荐使用. 下面的一段代码,可以获取元素运行时的样式,即全局的样式.这种方式可以动态获取元素的样式,例如元素大小. // node:将要获取其计算样式的元素节点 // attr: 样式属性名称 function getCurrentStyle(node, attr) { var style

js TextArea获取光标详解说明与实例

可能许多朋友会对新浪微博和沪江碎碎里,敲入@时弹出用户列表的功能是如何实现的比较困惑. . 其中,最难解决的问题应该就是获取当前光标据文本框的相对位置了.因为一个普通的<textarea></textarea>通过正常的途径是无法获取到的. 那怎么办呢~ 第一步:创建一个普通的TextArea框,然后在TextArea外层套一个DIV(DIV的Position设为relative,到时候会根据这个div来定位弹出框的位置). 第二步:创建一个与TextArea 同样尺寸的DIV(这

在页面中js获取光标/鼠标的坐标及光标的像素坐标_javascript技巧

近期为网站开发页面统计,以前虽然也开发过,但是功能不是很全,所以这次把一些好功能给用上. 例如这次的,页面JS光标/鼠标坐标,你也许问着有什么用,百度统计中有个热点统计图,这下清楚明白了吧. 好了,上肉: 功能:获取光标的像素坐标 复制代码 代码如下: <html> <head> <script type="text/javascript"> function showPosition(e){ var x,y; var e = e||window.e

js获取网页width和height值实例

查看区别使用下面代码  代码如下 复制代码 "alert("网页可见区域宽: document.body.clientWidth:" + document.body.clientWidth + "n网页可见区域高: document.body.clientHeight:" + document.body.clientHeight + "n网页可见区域宽: document.body.offsetWidth (包括边线的宽):" + do

js获取url参数的使用扩展实例_javascript技巧

最近网站改版,发现网站的广告都是直接网址,如果转向一下,对于本站的全职会好点 需要一个html页面来传递参数所以用到个js获取url参数的代码,就一个funciton 参考http://img.jb51.net/url.htm?url=http://www.baidu.com  复制代码 代码如下: <script language="javascript" type="text/javascript"> //js获取url参数的functionfunc

js获取光标位置和设置文本框光标位置示例代码

 本实例描述了如何用Javascript来控制和获取文本框/文本域的鼠标光标位置,以下代码兼容IE和Chrome,Firefox,大家参考使用吧 代码如下: <script type="text/javascript">         function getTxt1CursorPosition(){             var oTxt1 = document.getElementById("txt1");             var cur

js获取鼠标点击的位置实现思路及代码_javascript技巧

copy来的,但是原页面的代码还是需要修改,下面是修改可用的 常用的是 event.clientX和event.clientY分别获取横向的和纵向的位置,但仅使用这个方法是不够的,因为event.clientX和event.clientY获取的鼠标位置是相对于当前屏幕的,而不考虑页面的滚动条所滚动的距离. 复制代码 代码如下: function pointerX(event) { return event.pageX || (event.clientX + (document.documentE