JavaScript使光标定位到文本的最后

最新推荐文章于 2024-04-25 10:45:52 发布
原创 最新推荐文章于 2024-04-25 10:45:52 发布 · 1.5k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #character #input #测试

本文介绍了一种使用JavaScript设置HTML输入框光标位置的方法，通过创建文本范围并移动开始位置到输入框值的末尾，实现当输入框获得焦点时光标自动跳转至文本末尾的功能。

function  setEnd(field)   {  
      if (field.createTextRange) {  
          var r = field.createTextRange();  
          r.moveStart('character', field.value.length);  
          r.collapse();  
          r.select();  
      }  
  }

 

<INPUT   TYPE="text"   name="userName"   value="测试"  onfocus="setEnd(this)">   
 <INPUT   TYPE="text"  name="userAge"   value="测试"  onfocus="setEnd(this)">

Creating
关注
JS在TextArea光标位置插入文字并实现移动光标到文字末尾
10-27
JS在TextArea光标位置插入文字+移动光标到文字末尾，Firefox，Chrome,Safari以及Opera都有selectionStart和selectionEnd属性，具体实现如下，感兴趣的朋友可以参考下哈
js实现文本框中焦点在最后位置
12-09
在一般的程序中.程序员做输入框内容正确性检测时一般喜欢通过判断内容的合法性来确定焦点框. 如: 代码如下:if(obj.value==””){   obj.focus();   return false;}这样当哪一项输入框为空是就将焦点移动那一项输入框..这项功能使用起来非常方便..但是存在一个小小的问题… 那就是obj.focus()将焦点移动到输入框后,会将文字光标(就是一闪一闪的竖线)移动到这个输入框的第一个字符的位置…就上面的判断而言..如果文本框中没有内容..obj.focus正好可以满足我们直接在文本框中输入内容而不用点击一下文本框以使文本有焦点… 但是,如果文本框中已经有内容了
js使光标定位到文本的最后
rightxiang的专栏
09-19 1042
//获取回复文本定位在回复框的最后 function checkNames(lname,hid){ $("#"+hid).val("回复"+lname+":"); var esrc = document.getElementById(hid);      if(esrc=
js 光标停留在文字后面 《超实用的JavaScript代码段》笔记
不二喵老师
12-07 601
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>测试光标停留在文字后.
前端光标操作获取光标位置,移动光标位置到最后
最新发布
buruyang的博客
04-25 1063
前端光标操作获取光标位置,移动光标位置到最后
将光标定位到textarea的某一行的javascript代码
10-30
### 知识点详解：将光标定位到textarea的某一行的JavaScript代码 #### 一、背景介绍 在Web开发中，我们经常会遇到需要在文本框（`textarea`）中进行复杂的文本编辑操作的需求。例如，在富文本编辑器或者代码编辑器...
javascript textarea光标定位方法(兼容IE和FF)
10-28
总结起来，JavaScript 的 textarea 光标定位涉及到 `setSelectionRange` 和 `createTextRange` 这两种方法，通过条件判断实现跨浏览器兼容性。理解和掌握这些方法，可以帮助开发者在各种浏览器环境中提供一致的用户...
JavaScript中在光标处插入添加文本标签节点的详细方法
10-20
总结来说，要在JavaScript中实现在光标处插入文本标签节点的功能，我们需要考虑浏览器兼容性问题，并熟练使用Selection和Range对象。通过上述方法，我们可以实现在文档中的任何位置插入文本和节点，这对于提高Web...
JS将光标聚焦在文本最后的实现代码
10-26
3. **`cursorEnd`函数**: 这是一个自定义的JavaScript函数，用于将光标定位到文本的末尾。函数内部利用了`event`对象，它是绑定事件时自动传递给事件处理函数的参数，包含了关于事件的详细信息。 4. **TextRange...
Javascript 将鼠标的光标停留在文字的最后
slash1993的博客
04-26 2093
html> html lang="en"> head> meta charset="UTF-8"> title>title> head> body> script> window.onload = function(){ var oText = document.getElementById("Text");
js移动焦点到最后位置的简单方法
11-27
当输入框(input/textarea)获得焦点时，将焦点移动到最后，在某些情况下用户体验很好。网上的大部分方法都是针对IE浏览器的。 代码如下： var el = document.getElementById('txtArticle'); var range = el.createTextRange(); range.moveStart('character', el.value.length); range.collapse(false); range.select(); 其实可以将moveStart这行删除，因为createTextRange方法创建range后，利用collaps
页面一载入光标定位到文本框,并选中其中文字
08-27
页面一载入光标定位到文本框,并选中其中文字
input框光标设置为最末尾的方法
05-01 8874
当我们在开发过程中，遇到要通过js给input框设置初始值时，在ios会出现，当input框通过点击触发聚焦的时候（input聚焦在ios中是无法通过js进行聚焦实现的），会发现光标还停留在设置内容之前，这是用户需要再次点击末尾处才能将光标置于内容的末尾，这样造成用户体验较差，为了解决这个问题，我们需要在input框第一次需要实现聚焦的时候，手动将光标置于内容的后面，实现如下：在service中实
Js让光标停在输入框input框最后面
黄河边上的牧马人
07-26 2038
var val = $(this) val();   1、$(this). focus(); 2、$(this).val(""); 3、$(this).val(val);   1、调用focus方法 2、value赋值为空 3、之前的input的值再赋给自己
JS光标定位到文本框字符串末尾
web前端开发-linglong
10-20 8439
在开发网站表单的时候，为了给用户良好的体验度，在验证表单数据的时候，我们会先使用JavaScript来进行表单数据的验证，如果用户输入的数据不对，我们就可以马上给出提示信息。为了更进一步给用户良好的体验感，比如用户在几个文本框内输入了数据，提交的时候，某个文本框内的数据不对，我们在提示哪项数据不符的情况下，再把光标定位到该项文本框内。我们在这么做的时候，会发现一个问题，就是光标位置的问题，光标虽然
在可编辑的div中将光标移到最后
sunnie_c的博客
09-22 1721
1.在div中设置contenteditable = "true"则可以编辑 2.在不同浏览器中获得selection对象 IE中用document.selection.createRange()，非IE的用window.getSelection()； 3.如是获取的jq对象需要转换为Dom对象 ----$(".a")[0]这样就转换为Dom对象了 哈哈看的被人的可以用的方法就没有自
js让光标定位在文本的最后位置
肖肖肖丽珠的博客
08-20 3003
有时候用focus好像不管用，它定位跑到了文字的最前面。我们想把它放在最后面怎么办呢？ <divcontenteditable="true" id="text"></div> //让光标定位在最后 setFocus(el) { el = el[0]; // jquery 对象转dom对象 ...
JS解决contenteditable=“true“的光标位置放到最后
刻痕
08-31 2062
JS解决contenteditable="true"的光标位置放到最后 元素设置可编辑后，光标输入时候位置有问题处理。网搜了下能用，记录下。劝大家还是尽量用input这种标签编辑体验好一些，也省了一些问题 ```javascript function keepLastIndex(obj) { if (window.getSelection) {//ie11 10 9 ff safari obj.focus(); //解决ff不获取焦点无法定位问题 var range
掌握JavaScript实现光标定位输入框特效
- **光标自动定位**：将光标定位到输入内容的开始或结束位置，或者特定位置。如果需要实现自动选中，可以将起始位置和结束位置设置为相同的值。 ### 4. 实现光标选择输入框的示例代码 以下是一个简单的JavaScript...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值