`
mutongwu
  • 浏览: 448428 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

设置输入框的光标位置

 
阅读更多
function setCaret(el,start,end){
		el.focus();
		if(start === true){
			start = el.value.length;
		}
		if(typeof end === 'undefined'){
			end = start;
		}else if(end === true){
			end = el.value.length;
		}
		start = Math.max(0,start);
		end = Math.min(end,el.value.length);
		if ("setSelectionRange" in el) { 
			//Chrome/Firefox/IE9+/Safari3+/Opera8+
            el.setSelectionRange(start, end);
        }else{
        	//IE6~8
        	var userRange = document.selection.createRange();
        	userRange.moveStart("character",start);
        	userRange.moveEnd("character",end);
        	userRange.select();
        }
}


//usage: 
var i = document.getElementById('inputBox');
setCaret(i,0);//开始
setCaret(i,true);//结束

setCaret(i,1,5);//选中1~5个字符

setCaret(i,0,true);//选中所有值
0
3
分享到:
评论

相关推荐

    获取和设置输入框光标位置的插件

    "获取和设置输入框光标位置的插件"就是这样一个工具,它允许开发者方便地获取或设定文本输入框中的光标位置,从而提升应用的功能性和用户友好性。 首先,我们需要理解光标在输入框中的作用。光标是用户输入时的指示...

    cocos带光标的输入框

    2. **光标管理**:光标在输入框中的位置表示当前输入的位置。需要定时更新光标的位置,并显示或隐藏光标,这可以通过计时器或者`Scheduler`来实现。 3. **文本处理**:输入框需要能够接收并处理用户输入的字符,...

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

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

    使用TextRange获取输入框中光标的位置的代码

    但其经典的用途却是,在Web页面中查找文字和获取输入框光标的位置。其中后者又有可以衍生出很多更有用的用途,比如:限制输入的MaskTextBox,其核心技术点就是获取输入框的光标位置,然后使用正则表达式判断输入内容...

    vue获取textarea的光标位置.js

    vue通过当前的光标来进行插值,从而需要去获取光标所在的位置然后进行对光标前后的字符串进行截取处理,从而达到对新字符的插入

    输入框光标喷水特效文字飞出

    "输入框光标喷水特效文字飞出"是一种创新的UI设计技术,它将普通的输入框转换为具有动态效果和互动性的炫酷搜索框。这个特效通常用于网页或应用的搜索功能,通过模拟光标喷水的粒子动画效果,使文字输入过程变得更加...

    jQuery.curpos.js插件获textarea输入框下光标的位置.zip

    《jQuery.curpos.js插件:掌握输入框光标位置的奥秘》 在网页开发中,与用户交互的表单元素如textarea常常需要细致的控制,例如获取或设置光标位置,这在实现某些特定功能时是必不可少的。jQuery作为一款广泛使用的...

    vue项目中在可编辑div光标位置插入内容的实现代码

    vue项目中在可编辑div光标位置插入内容 html: ($event, draggable='true' v-for=(item, key=index click=dropRelease($event,> {{item.labelName}} <div cont

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

    有时,开发者需要获取或操作文本框中的焦点光标位置、选中起始位置、终止位置以及选中的内容,这对于实现诸如高亮显示、文本编辑、格式化等功能至关重要。在本文中,我们将深入探讨这些概念,并提供兼容IE8的解决...

    jQuery.curpos.js插件获textarea输入框下光标的位置

    记得做前端这一块,很多时候需要判断textarea输入框下的光标位置 比如要在输入的文档中插入一些表情符号,图片之类的,这个时候在插入文字之前, 就需要先判断光标的位置了。今天就特意给大家推荐这样一个小...

    将光标定位于输入框最右侧实现代码

    这通常发生在用户不直接通过鼠标点击输入框,而是由程序逻辑控制光标位置的情况,比如编辑图片描述或使用某些富文本编辑器。在本篇讨论中,我们将探讨如何用JavaScript来实现这个功能,主要涉及`HTMLElement`对象的`...

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

    "获取和设置文本框的光标位置"这个主题就是关于如何在JavaScript和jQuery中实现这一功能的。 首先,我们要理解什么是光标位置。在文本框中,光标是用户输入文字时闪烁的标记,表示当前文字将被输入的位置。而选中...

    jquery编写验证ip的input输入框,附带获取 input光标位置

    处理这些按键事件,可以增强用户体验,比如在用户按下点号时自动添加点,或者在用户使用左右箭头键时正确地移动光标位置。 获取`input`光标位置是一个常见的需求,尤其在处理用户输入时。这通常通过JavaScript的`...

    Javascript 获取光标位置

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

    cocos2dx输入框带光标类

    在Cocos2d-x游戏开发框架中,"cocos2dx输入框带光标类"是一个重要的组件,它使得开发者可以实现用户交互式的文本输入功能。Cocos2d-x是一个用C++编写的开源游戏引擎,广泛应用于2D游戏、GUI界面和其他图形应用的开发...

    获取div编辑框,textarea,input text的光标位置 兼容IE,FF和Chrome的方法介绍

    本文将介绍如何在IE、Firefox和Chrome中获取div编辑框、textarea和input text光标位置的方法,并提供相应的代码示例。 首先,了解不同浏览器对于光标位置获取的支持情况是必要的。例如,IE浏览器使用了document....

    javascript经典特效---光标选择输入框.rar

    这个压缩包很可能包含了一个示例文件,用于演示如何用JavaScript来控制输入框的光标位置,以及实现选中特定文本的效果。 【描述】虽然描述部分重复了多次,但我们可以推测这可能是一个强调重点的提示,可能意味着这...

    经典 js 经典 js 经典 js

    设置输入框光标位置 **代码示例**: ```javascript function cc() { var e = event.srcElement; var r = e.createTextRange(); r.moveStart('character', e.value.length); r.collapse(true); r.select(); ...

    实用JavaScript脚本代码大全

    设置输入框光标位置** 为了让用户在输入框中输入时,光标始终位于最后,可以使用以下JavaScript代码: ```javascript function cc() { var e = event.srcElement; var r = e.createTextRange(); r.moveStart...

Global site tag (gtag.js) - Google Analytics