手机
当前位置:查字典教程网 >编程开发 >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实现获取及设置光标位置的方法】相关文章:

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

JavaScript获得url查询参数的方法

JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法

js获取滚动距离的方法

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

JavaScript中的sub()方法的使用介绍

javascript常用的方法分享

JavaScript模版引擎的基本实现方法浅析

JQuery+CSS实现图片上放置按钮的方法

JavaScript中的small()方法使用详解

精品推荐
分类导航