当前位置: 首页 > 编程笔记 >

Javascript实现获取及设置光标位置的方法

皇甫雨华
2023-03-14
本文向大家介绍Javascript实现获取及设置光标位置的方法,包括了Javascript实现获取及设置光标位置的方法的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了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 获取鼠标当前的位置实现方法,包括了Javascript 获取鼠标当前的位置实现方法的使用技巧和注意事项,需要的朋友参考一下 有时候,我们需要得到窗口拖动或者鼠标移动的距离,此时可以通过计算鼠标前后在页面中的位置来得到想要的结果,下面介绍几个事件属性: 1、客户区坐标位置   鼠标事件都是在浏览器视口中的特定位置上发生的。这个位置信息保存在事件对象的 client

  • 问题内容: 是否可以使用标准Python库在Windows中获取整体光标位置? 问题答案: 这将检索屏幕坐标中的光标位置-点=(x,y) 检索有关全局游标的信息。 链接: http://msdn.microsoft.com/zh-cn/library/ms648389(VS.85).aspx http://msdn.microsoft.com/zh-CN/library/ms648390(VS.8

  • 问题内容: 我一直在尝试以及如何使用它的光标位置。 但是由于我正在使用Swift,所以我想学习如何获取当前光标位置以及如何在Swift中进行设置。 下面的答案是我从Objective-C进行实验和翻译的结果。 问题答案: 以下内容适用于和。 文本字段文本的最开始: 文本字段文本的末尾: 当前选择的范围: 获取光标位置 设定光标位置 为了设置位置,所有这些方法实际上都是使用相同的开始值和结束值来设置

  • 本文向大家介绍JavaScript记录光标在编辑器中位置的实现方法,包括了JavaScript记录光标在编辑器中位置的实现方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JavaScript记录光标在编辑器中位置的实现方法。分享给大家供大家参考,具体如下: 更多关于JavaScript相关内容可查看本站专题:《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧

  • 问题内容: 我想从RichTextArea获取光标位置或位置。我不知道如何在没有任何鼠标事件的情况下获取当前光标位置。例如,TextArea具有方法getCursorPos(),但是RichTextArea没有诸如TextArea这样的方法。有人知道吗 请帮我… 提前致谢… 问题答案: 如果要在RichTextArea中的光标位置插入某些内容,可以使用格式化程序来完成: 要使用JavaScript

  • 本文向大家介绍javascript实现设置、获取和删除Cookie的方法,包括了javascript实现设置、获取和删除Cookie的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了javascript实现设置、获取和删除Cookie的方法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的javascript程序设计有所帮助。