javascript焦点到文本框内容末尾

js实现文本框中焦点在最后位置 在一般的程序中.程序员做输入框内容正确性检测时一般喜欢通过判断内容的合法性来确定焦点框. 如: 代码如下:if(obj.value==””){   obj.focus();   return false;}这样当哪一项输入框为空是就将焦点移动那一项输入框..这项功能使用起来非常方便..但是存在一个小小的问题… 那就是obj.focus()将焦点移动到输入框后,会将文字光标(就是一闪一闪的竖线)移动到这个输入框的第一个字符的位置…就上面的判断而言..如果文本框中没有内容..obj.focus正好可以满足我们直接在文本框中输入内容而不用点击一下文本框以使文本有焦点… 但是,如果文本框中已经有内容了 立即下载
今天修改一个功能,需要聚焦到文本框已有内容的末尾源地址: http://itsky.iteye.com/blog/443723 Js设置文本框中焦点位置在最后  在一般的程序中.程序员做输入框内容正确性检测时一般喜欢通过判断内容的合法性来确定焦点框. 

如: 

if(obj.value==""){ 

   obj.focus(); 

   return false; 

} 
在Jquery中可以直接调用$("#idEle").focus();来获取焦点。
这样当哪一项输入框为空是就将焦点移动那一项输入框..这项功能使用起来非常方便..但是存在一个小小的问题... 

那就是obj.focus()将焦点移动到输入框后,会将文字光标(就是一闪一闪的竖线)移动到这个输入框的第一个字符的位置...就上面的判断而言..如果文本框中没有内容..obj.focus正好可以满足我们直接在文本框中输入内容而不用点击一下文本框以使文本有焦点... 

但是,如果文本框中已经有内容了..但是这个内容不合法.obj.focus()同样的将光标移动到了这个文本框的第一个字符的位置..这时就会让注意用户体验的设计师郁闷了...我们需要的是文本框得到焦点,然后文字光标移动到文本框的最后,让用户可以不用点击文本框直接输入内容..输入的内容会在原来的内容的后面追加起来.. 

下面的代码可以完成这个小细节: 

<script language="javascript"> 
function getSelectPos(obj){ 
var esrc = document.getElementById(obj); 
if(esrc==null){ 
   esrc=event.srcElement; 
} 
var rtextRange =esrc.createTextRange(); 
rtextRange.moveStart('character',esrc.value.length); 
rtextRange.collapse(true); 
rtextRange.select(); 
} 
</script>
js移动焦点到最后位置的简单方法 下面小编就为大家带来一篇js移动焦点到最后位置的简单方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧 立即下载

相关推荐

【复现论文】Looking here or there? Gaze Following in 360-Degree Images

论文:Looking here or there?

RichardoMu的博客 1129

Js设置文本框中焦点位置在最后

在一般的程序中.程序员做输入框内容正确性检测时一般喜欢通过判断内容的合法性来确定焦点框.如:if(obj.value==""){   obj.focus();   return false;}这样当哪一项输入框为空是就将焦点移动那一项输入框..这项功能使用起来非常方便..但是存在一个小小的问题...那就是obj.focus()将焦点移动到输入框后,会将文字光标(就是一闪

1042

基于Arduino UNO的OLED显示器使用方法x2(Arduino系列五)

Arduino使用OLED显示模块可以实现串口数据显示,还可以与其他模块联合使用,实现实时显示开发板实时数据。

LNN0212的博客 4171

javascript中的focus()光标定位

$("#siteUrl").val('http://');$("#siteUrl").focus(); IE6下光标会定位在前面: 而将两行代码换过来: $("#siteUrl").focus();$("#siteUrl").val('http://'); IE6下光标会定位在后面: 转载于:https://www.cnblogs.com/QLeelulu/archive/201...

diandi5157的博客 831

DRV2605L触觉驱动芯片实战指南:从自动校准到音频转触觉应用

触觉反馈技术是现代人机交互的核心组成部分,它通过精确控制振动马达来模拟物理触感,广泛应用于智能手机、游戏手柄和汽车触摸屏等领域。其原理在于将电信号转化为机械振动,关键在于如何高效、精准地驱动不同类型的马达(如ERM和LRA)。这项技术的核心价值在于提升交互的真实感和沉浸感。在工程实践中,集成驱动芯片如DRV2605L通过内置智能反馈引擎和自动校准功能,解决了传统驱动方式响应慢、效果不一致的难题。它特别适用于需要高质量触觉反馈的应用场景,例如消费电子、游戏外设和车载信息娱乐系统。其中,自动校准能自适应优化驱动

weixin_42631411的博客 342

中移物联ML307C模组OPENCPU笔记2

本文介绍了如何编译和运行一个DEMO程序,以官方SDK为例。

weixin_43700831的博客 1883

js-聚焦到输入框最后位置-1.1

    今天同事问我怎么使得输入框通过focus函数后,焦点在最后面,而不是最前面。后来一查发现很简单。只要在focus函数后加入一行代码就好了(╥╯^╰╥) //tObj :找到输入框元素 //sPos : 输入框内容长度 tObj.focus(); tObj.setSelectionRange(sPos, sPos); 就是setSelectionRange,这个函数可以设置光标选中...

caishu1995的博客 2972

别再只看成交量了!用通达信这个VOL监测公式,一眼识别主力吸筹与出货信号

本文详细介绍了通达信VOL监测公式的实战应用,通过彩色量柱和换手率分层技术,帮助投资者识别主力吸筹与出货信号。该公式结合动态量能标准化和多周期均线组合,提供可视化主力行为图谱,提升交易决策的准确性。

weixin_28693447的博客 659

js中获取焦点至文本框的文字后面

1.获取焦点至文本框的文字后面方法 //获取焦点至文本框的文字后面 function myfocus(myid) {      if(isNav){          document.getElementById(myid).focus();// 获取焦点        }else{          setFocus.call(document.getElementById(myi

santiaoyu86的专栏 1263

信号处理中的滤波器的阶数和谐波的理解

最近在读paper的时候,遇到了一些以前遗忘的问题,先重新查找,记录在这里,以备不时之查看。 我相信一定有小伙伴跟我有过一样的疑惑,那就是我们在使用滤波器的时候,总是遇到滤波器的阶数这个概念参数,我们很多都是根据别的paper里的设置,设置自己的科研参数,其实并不是很理解其中的含义: 其实我们常用的阶数N的意思是: 滤波器的阶数,就是指过滤谐波的次数,一般来讲,同样的滤波器,其阶

Miracle.Zhao的博客 2万+

STM32CubeMX实战:TIM定时器中断配置避坑指南(附100ms精准定时代码)

本文深入解析STM32CubeMX配置TIM定时器中断的常见误区与避坑技巧,重点阐述时钟源、预分频器与自动重装载值的精准计算方法。通过实战案例,提供一份可直接复用的100ms精准定时中断代码模板,并分享调试验证方法,帮助开发者构建稳定可靠的嵌入式系统心跳。

grafana8visual的博客 500

javascript焦点到文本框末尾

在Jquery中可以直接调用$("#idEle").focus();来获取焦点。这样当哪一项输入框为空是就将焦点移动那一项输入框..这项功能使用起来非常方便..但是存在一个小小的问题... 那就是obj.focus()将焦点移动到输入框后,会将文字光标(就是一闪一闪的竖线)移动到这个输入框的第一个字符的位置...就上面的判断而言..如果文本框中没有内容..obj.focus正好可以满足我们直接...

hongguanzh的专栏 755

英伟达 Jetson AGX Thor 官方入门教程(二)CUDA、Docker、JetPack 设置

本文详细介绍了NVIDIA Jetson AGX Thor开发套件的安装与配置流程。主要内容包括:1) BSP安装的三种方法(Jetson ISO、SDK Manager和Linux刷写脚本)及其适用场景;2) Docker环境的完整配置步骤及测试方法;3) CUDA工具包的两种安装方式(容器化和原生安装)及其性能对比;4) JetPack SDK的安装选项。文章提供了详细的命令行操作指南和故障排除建议,帮助开发者快速搭建AI开发环境,充分发挥Jetson平台的硬件性能优势。

机器人控制与仿真应用 1733

textarea光标移到末尾兼容ie,ffchrome

function moveEnd(obj){         obj.focus();         var len = obj.value.length;         if (document.selection) {//ie识别             var sel = obj.createTextRange();             sel.moveStart('cha

zerofine的专栏 1761

IEM模型,地表粗糙度模拟

利用微波反演土壤水分时候,利用IEM模型可以实现对随机地表的模拟

OV9734 DATASHEET,完整规格书

OV9734完整规格书,包括电气参数,尺寸规格,寄存器配置表等

控制input的text框的光标位置

    function   cc()     {         var   e   =   event.srcElement;         var   r   =e.createTextRange();         r.moveStart(character,e.value.length);         r.collapse(true);         r.select()

shrek_xu的专栏 9355

蓝牙模块HM-10手册

蓝牙模块HM-10手册,该手册对蓝牙模块HM-10进行了详细的介绍和使用方法以及一些AT指令。

【知识整理】vue中文本框获取焦点时,光标出现在文本末尾

最近遇到一个问题,点击编辑,才能修改一个文本框的内容,文本框自动获取光标,但是光标总是出现在文本框最前面,百度以后,可以参考文本框获取焦点时,光标出现在文本末尾 下面贴上我在vue中的代码: <vi-input v-model="taskName" id="task-edit" ></vi-input> <vi-icon type="edit" title="...

Joanna的博客 3905

IMSL CNL 7.0.0 (x86-64)Crack

IMSL CNL 7.0.0 (x86-64)Crack intel的算法库破解文件,这是C++版本的破解文件

文本框获取焦点时,光标出现在文本末尾

最近遇到一个问题,点击编辑,才能修改一个文本框的内容,文本框自动获取光标,但是光标总是出现在文本框最前面,如图: 光标一直出现在 '1' 的前面,咨询了百度之后,通过 js 来实现: html 代码: <input type="text" id="test" value="123456879"> <input type="button" id="focus" va...

weixin_30782331的博客 1065

利用js在文本框末尾获得焦点

function moveEnd(obj) { obj.focus(); var len = obj.value.length; if (document.selection) { var sel = obj.createTextRange(); sel.moveStart('character', len); sel.collapse(); sel.select(); }

FFA(Frighting for Ambition!) 1482

文本框获取焦点后如何将光标定位到文本最后

用js为文本框添加内容后,为了方便操作想要把光标定位到文本最后,用了以下代码   function setCss(opt){ var sr=document.getElementById("textarea-1"); var len=sr.value.length; setSelectionRange(sr,len,len); //将光标定位到文本最后  } func

u014368554的博客 1万+

js选择文本框内的部分内容

如下代码:function setSelectionRange(input, selectionStart, selectionEnd) { if (input.setSelectionRange) { input.focus(); input.setSelectionRange(selectionStart, selectionEnd); } else if (inp

旺哥萌死了的专栏 3155

JavaScript获取焦点并将光标移动到末尾字符

测试和使用环境: Google Chrome浏览器,手动触发焦点事件(如按键盘↑键) 代码如下: [code="js"] function focusOn(_textarea, moveToLast){ this.moveToLastFlag = moveToLast; function moveToTextEnd() { if (this.moveT...

iteye_12373的博客 631

JS中文本框获得焦点后,光标位置如何跳到文本末尾

function setFocus(obj) { //var obj = event.srcElement; var txt =obj.createTextRange(); txt.moveStart('character',obj.value.length); txt.collapse(true); txt.select(); }

xinyu4856的专栏 1362

js 设置焦点放到最后

obj.focus()将焦点移动到输入框后,会将文字光标(就是一闪一闪的竖线)移动到这个输入框的第一个字符的位置...就上面的判断而言..如果文本框中没有内容..obj.focus正好可以满足我们直接在文本框中输入内容而不用点击一下文本框以使文本有焦点... 但是,如果文本框中已经有内...

chunjue5495的博客 1062

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

基本的认识: 文本选中区域光标:页面中闪烁的光标其实就是特殊的宽度为0的选区。 简单理解就是选区的左右边界交叉形成了光标。 有了这个概念下面的内容就很好理解了。 非IE浏览器下的实现 这里需要用到input元素的两个属性。 selectionStart、selectionEnd 选区开始位置,选区结束位置。 二者代表了选中区域的左右边界。 两个值默认都是0,所以当我们使用in...

weixin_30902675的博客 286
上一篇: XMLHttpRequest在请求失败(Origin null is not allowed by Access-Control-Allow-Origin.)
下一篇: (CompareTo, Compare,hashCode,equals函数)持有对象与公有比较函数
轻鸿飘羽
博客等级 码龄16年 124粉丝 74原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值