`
jinxhj2003
  • 浏览: 148987 次
  • 性别: Icon_minigender_1
  • 来自: 南昌
社区版块
存档分类
最新评论

js光标

    博客分类:
  • js
阅读更多
function testAbc(Obj){
if(notEmpty(Obj)){
var begins=getCursortPosition(Obj);
/*if( begins >= 0 && begins<=4){
begins = 2;
}else if(begins >=5 && begins<=7){
begins=5;
}else{
begins=8;
}
*/
//id("test").value =begins;
switch(true){
case begins>= 0 && begins <= 4:
begins =2;break;
case begins>= 5 && begins <= 7:
begins =5;break;
case begins>= 8 && begins <= 10:
begins =8;break;
case begins>= 11 && begins <= 12:
begins =11;break;
case begins>= 13 && begins <= 15:
begins =13;break;
default:
begins=0;break;



set_caret_positionfunction(Obj,begins,begins+2);
}
}
function set_caret_positionfunction(obj,start,end){
   if(document.selection){
    if(obj.tagName=='TEXTAREA'){
     var i=obj.value.indexOf("\r",0);
     while(i!=-1&&i<end){
      end--;
      if(i<start){
       start--;
      }
      i=obj.value.indexOf("\r",i+1);
     }
    }
    var range=obj.createTextRange();
    range.collapse(true);
    range.moveStart('character',start);
    if(end!=undefined){
     range.moveEnd('character',end-start);
    }
    range.select();
   }else{
    obj.selectionStart=start;
    var sel_end=end==undefined?start:end;
    obj.selectionEnd=Math.min(sel_end,obj.value.length);
    obj.focus();
   }
}


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();
}
}
分享到:
评论

相关推荐

    js光标感应折叠菜单

    在本主题"js光标感应折叠菜单"中,我们将深入探讨如何利用JavaScript实现一种动态效果,即当鼠标光标靠近时,菜单会自动展开,离开时则会折叠。这种功能可以提升用户体验,使网站或应用程序的操作更加直观和便捷。 ...

    js光标定位DEMO

    javascript 光标定位的DEMO,看它可以学习

    javascript 光标定位例子

    总的来说,JavaScript光标定位是一项基础但重要的技术,广泛应用于各种富文本编辑器、表单验证以及各种交互式Web应用中。通过熟练掌握和运用这些技术,可以提升用户体验,使Web应用更加人性化和易用。

    js javascript 文本框一边输入一边后面跟个空格,并且光标在字符串后空格前,光标定位

    标题 "js javascript 文本框一边输入一边后面跟个空格,并且光标在字符串后空格前,光标定位" 描述的是一个JavaScript技术问题,涉及到实时文本输入时的自定义格式化以及光标位置控制。在这个场景下,用户在文本框中...

    js获取光标位置,起始和终止位置

    JS获取文本框光标位置、选中起始位置、终止位置、选择内容

    js获得光标坐标

    很好的兼容了IE、Chrome、火狐等多种主流浏览器,轻松获得指定控件光标所在位置的坐标。 用法: var elem = document.getElementById(控件id); var p = kingwolfofsky.getInputPositon(elem); p.left;//获得指定...

    Javascript 获取光标位置

    JavaScript获取光标位置是网页开发中的一个重要功能,它在用户输入、文本编辑或者富文本处理等场景中扮演着关键角色。这个功能可以帮助开发者精确地控制用户在文本输入框中的光标定位,例如在某些特定字符后插入文本...

    JavaScript获取,设置光标位置,兼容InputTextArea

    在JavaScript编程中,获取和设置光标位置是常见的需求,特别是在与用户交互的表单元素如`&lt;input&gt;`和`&lt;textarea&gt;`中。这涉及到DOM(文档对象模型)操作和事件处理,对于创建动态和响应式的网页应用至关重要。本文将...

    页面一载入光标定位到文本框,并选中其中文字

    接下来,使用JavaScript来实现光标定位和文本选中。这可以通过监听页面的`DOMContentLoaded`事件来完成,确保在DOM完全加载后执行。以下是一个简单的JavaScript示例: ```javascript document.addEventListener...

    js 获取光标在文本框中的位置

    在JavaScript中,获取光标在文本框(input[type="text"]或textarea)中的位置是一项常见...以上就是关于“js 获取光标在文本框中的位置”的主要知识点,理解并掌握这些内容将有助于在实际项目中实现更丰富的交互功能。

    js光标定位文本框回车表单提交问题的解决方法

    本文实例讲述了js光标定位文本框回车表单提交问题的解决方法。分享给大家供大家参考。具体分析如下: 当光标定位在辅助查找的文本框后回车,页面会出现方法的返回的json串。 原因:When there is only one single-...

    电脑光标闪动打字

    大片、广告都可以使用,用更机械化的方式来描述你想要表达的东西。

    javascript实现 在光标处插入指定内容

    javascript实现 在光标处插入指定内容 javascript是一种广泛应用于网页开发的脚本语言,它可以实现很多有趣和实用的功能。今天,我们来学习如何使用javascript实现在光标处插入指定内容。 在上面的代码中,我们...

    使用JS在textarea在光标处插入内容

    在IT领域,特别是前端开发中,使用JavaScript在`textarea`元素的光标位置插入内容是一项常见且实用的技术。本文将详细解析如何实现这一功能,并深入理解其背后的逻辑与原理。 ### 核心知识点:在`textarea`光标处...

    通过javascript在光标处插入文本

    通过Javascript在光标处插入文本 在网页开发中,经常需要在文本框中插入文本,特别是在光标处插入文本。下面,我们将讨论如何使用Javascript在光标处插入文本。 光标位置获取 在获取光标位置之前,我们需要了解...

    javascript获得光标所在的文本框(text/textarea)中的位置

    标题和描述提到的`js 光标 文本框`,就是指通过JavaScript实现对文本输入光标的定位和获取。下面将详细介绍这个功能的实现方式以及相关知识点。 在非IE浏览器中,如Firefox、Chrome等,我们可以使用`selectionStart...

    JS获取文本框焦点光标位置、选中起始位置、终止位置、选择内容

    在提供的HTML文件"JS获取文本框光标位置、选中起始位置、终止位置、选择内容.html"中,应该包含了一个示例,演示了如何使用这些方法来实时显示选中区域的信息。你可以打开这个文件,通过实践来更好地理解和应用这些...

    javascript 在光标处插入指定内容

    在JavaScript中,向文本输入框或者富文本编辑器在光标位置插入特定内容是一项常见的需求。这涉及到对DOM(文档对象模型)的操作以及对文本选取的理解。以下将详细阐述实现这个功能所需的知识点。 首先,我们需要...

    javascript获得光标所在的文本框(text textarea)中的位置.docx

    ### JavaScript 获取光标所在文本框(text/textarea)中的位置 在前端开发中,经常需要处理用户在文本框(如`&lt;input type="text"&gt;`或`&lt;textarea&gt;`)内的输入行为,例如实现自动填充、实时校验等功能时,获取光标的...

Global site tag (gtag.js) - Google Analytics