手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >Javascript实现获取及设置光标位置的方法
Javascript实现获取及设置光标位置的方法
摘要:本文实例讲述了Javascript实现获取及设置光标位置的方法。分享给大家供大家参考。具体如下:在项目开发中经常遇到input等设置光标位置...

本文实例讲述了Javascript实现获取及设置光标位置的方法。分享给大家供大家参考。具体如下:

在项目开发中经常遇到input等设置光标位置到最后的问题,今天我查了一下Google,找到了在IE、Firefox、Opera等主流浏览器的获取光标位置(getCursortPosition)以及设置光标位置(setCursorPosition)的函数。

1. 获取光标位置函数:

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); }

2. 设置光标位置函数:

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(); } }

希望本文所述对大家的javascript程序设计有所帮助。

【Javascript实现获取及设置光标位置的方法】相关文章:

js获取滚动距离的方法

JavaScript中的unshift()方法的使用

jQuery实现表格行上移下移和置顶的方法

JavaScript判断图片是否已经加载完毕的方法汇总

JavaScript实现添加、查找、删除元素

jQuery获得字体颜色16位码的方法

javascript实现模拟时钟的方法

JavaScript通过事件代理高亮显示表格行的方法

JavaScript实现的MD5算法完整实例

javascript基于DOM实现省市级联下拉框的方法

精品推荐
分类导航