js获取和设置文本框光标的位置

function getCursortPosition(ctrl) {//获取光标位置函数
var CaretPos = 0; // IE Support
if (document.selection) {
ctrl.focus();
var Sel = document.selection.createRange();
Sel.moveStart('character', -ctrl.value.length);
CaretPos = Sel.text.length;
}
// Firefox support
else if (ctrl.selectionStart || ctrl.selectionStart == '0')
CaretPos = ctrl.selectionStart;
return (CaretPos);
}

function setCaretPosition(ctrl, pos) {//设置光标位置函数
if (ctrl.setSelectionRange) {
ctrl.focus();
ctrl.setSelectionRange(pos, pos);
}
else if (ctrl.createTextRange) {
var range = ctrl.createTextRange();
range.collapse(true);
range.moveEnd('character', pos);
range.moveStart('character', pos);
range.select();
}
}

function getCursortPosition(ctrl) {//获取光标位置函数
var CaretPos = 0; // IE Support
if (document.selection) {
ctrl.focus();
var Sel = document.selection.createRange();
Sel.moveStart('character', -ctrl.value.length);
CaretPos = Sel.text.length;
}
// Firefox support
else if (ctrl.selectionStart || ctrl.selectionStart == '0')
CaretPos = ctrl.selectionStart;
return (CaretPos);
}

function setCaretPosition(ctrl, pos) {//设置光标位置函数
if (ctrl.setSelectionRange) {
ctrl.focus();
ctrl.setSelectionRange(pos, pos);
}
else if (ctrl.createTextRange) {
var range = ctrl.createTextRange();
range.collapse(true);
range.moveEnd('character', pos);
range.moveStart('character', pos);
range.select();
}
}

时间: 2024-10-28 22:42:45

js获取和设置文本框光标的位置的相关文章

javascript设置文本框光标的方法实例小结_javascript技巧

本文实例总结了javascript设置文本框光标的方法.分享给大家供大家参考,具体如下: 对于text //得到光标位置 function getCaret(textbox) { var control = document.activeElement; textbox.focus(); var rang = document.selection.createRange(); rang.setEndPoint("StartToStart",textbox.createTextRange

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

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

JS获取及设置TextArea或input文本框选择文本位置的方法

这篇文章主要介绍了JS获取及设置TextArea或input文本框选择文本位置的方法,涉及TextArea及input文本操作技巧,需要的朋友可以参考下 本文实例讲述了JS获取及设置TextArea或input文本框选择文本位置的方法.分享给大家供大家参考.具体实现方法如下:function getPos(el) { var range, textRange, duplicate el.focus() if ( el.selectionStart ) return el.selectionSta

JS获取及设置TextArea或input文本框选择文本位置的方法_javascript技巧

本文实例讲述了JS获取及设置TextArea或input文本框选择文本位置的方法.分享给大家供大家参考.具体实现方法如下: function getPos(el) { var range, textRange, duplicate el.focus() if ( el.selectionStart ) return el.selectionStart else if ( document.selection ) { // IE range = document.selection.createR

js设置文本框中焦点位置在最后的示例代码

 本篇文章主要是对js设置文本框中焦点位置在最后的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 在火狐浏览器中直接使用this.focus();即可实现.   在IE中,在this.focus();之后再把文本框的值赋给文本框,焦点即在最后了.很简单哟!!   如:   代码如下: var tar=document.getElementByIdx_x("name"); if(tar.attachEvent){ tar.attachEvent('onmouseover

jQuery简单设置文本框回车事件的方法_jquery

本文实例讲述了jQuery简单设置文本框回车事件的方法.分享给大家供大家参考,具体如下: $(document).ready(function () { $("#txt_JumpPager").keydown(function (e) { var curKey = e.which; if (curKey == 13) { $("#lbtn_JumpPager").click(); return false; } }); }); 其中的txt_JumpPager为文本

javascript 设置文本框的值例子

一,原生态js设置文本框值 <input type="text" name="test" id="test"> 获取 test的值 var t=document.getElementByIdx_x("test").value把值赋给变量t 给<input type="text" name="test" id="test">赋值 document

《HTML5 开发实例大全》——1.18 通过JavaScript脚本获取并显示文本框的内容

1.18 通过JavaScript脚本获取并显示文本框的内容 实例说明 在HTML 5应用中,为了增加页面的互动性,需要对文档编写客户端脚本,最常用的语言是JavaScript.通过编写客户端的脚本语言,可以实现对页面文档进行验证表单.变更内容等操作. 在页面文档中,有如下两个用于标志脚本的标签. (1)< script >元素:既可以包含脚本语言,也可以通过src属性导入一个脚本文件:同时选择元素的必选属性type与MIME类型. (2)< noscript >元素:是一个检测工

在jsp页面上使用java小脚本,如何获取页面上文本框的输入值?

问题描述 在jsp页面上使用java小脚本,如何获取页面上文本框的输入值? 在jsp页面上使用需要用到java小脚本,调用类做数据处理,但该怎么获取页面上文本框的输入值传入到java小脚本中呢? 解决方案 能嵌入到jsp里面它在这种场合就是脚本 但是执行的解释工作仍然是jvm 写在jsp里的java代码和写在Servlet没啥区别. 你在Servlet里如何取值就在这里如何去取. 对于你说的数据加密那些处理...的目的把加密处理的java写在jsp上,其实这个与你写在Servlet没有啥区别的.