JS将光标聚焦在文本最后的实现代码

代码如下:

<span style="font-family:Times New Roman;font-size:18px;"><script type="text/javascript">
//将光标聚焦在文本最后
function cursorEnd(){
var e = event.srcElement;
var r = e.createTextRange();
r.moveStart('character',e.value.length);
r.collapse(true);
r.select();
}
</script>
<input type=text name="test" value="test" onfocus="cursorEnd()"></span>

赞 (0)

相关推荐

  • JS将光标聚焦在文本最后的实现代码

    复制代码 代码如下: <span style="font-family:Times New Roman;font-size:18px;"><script type="text/javascript"> //将光标聚焦在文本最后 function cursorEnd(){ var e = event.srcElement; var r = e.createTextRange(); r.moveStart('character',e.value.

  • [js]用JAVASCRIPT正则表达式限制文本字节数的代码

    做项目时自己写一段js给大家.关于文本限制字数的问题,在实际开发中经常用到;主要问题出现在对中文的限制,下面代码就解决关于限制字节数的校验问题;只要将此下代码保存到一个js文件中并引入到校验的页面中,便可使用!同时希望大家给与大力支持和宝贵意见,本人会在今后闲余之际,发表更多的好文章,谢谢!! 以下是引用片段: /*    value: 值:    byteLength:数据库字节长度    title:字段中文名称    attribute:属性名称    使用方法说明: 添加 (1) onk

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

    js获得光标所在的文本框(text/textarea)中的位置 function getPosition(obj){ var result = 0; if(obj.selectionStart){ //IE以外 result = obj.selectionStart }else{ //IE var rng; if(obj.tagName == "textarea"){ //TEXTAREA rng = event.srcElement.createTextRange(); rng.mo

  • js切换光标示例代码

    复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>js切换光标<

  • JS模仿编辑器实时改变文本框宽度和高度大小的方法

    JS模仿编辑器实时改变文本框宽度和高度大小的方法

    本文实例讲述了JS模仿编辑器实时改变文本框宽度和高度大小的方法.分享给大家供大家参考.具体如下: 这里演示JS模仿编辑器中实时改变文本框大小,包括宽度和高度的方法,在一些在线编辑器,比如eWebEditor中,就有一个功能,让文本框不断的增大或减小,以适应页面的大小,这个功能是如何实现的呢?请您参考一下这个程序,相信你会从中获益. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-editor-cha-width-height-codes/

  • JS实现选择TextArea内文本的方法

    本文实例讲述了JS实现选择TextArea内文本的方法.分享给大家供大家参考.具体实现方法如下: <script type="text/javascript"> function select_field(id){ document.getElementById(id).focus(); document.getElementById(id).select(); } function init(){ select_field('text1'); } onload=init;

  • js实现鼠标点击文本框自动选中内容的方法

    js实现鼠标点击文本框自动选中内容的方法

    本文实例讲述了js实现鼠标点击文本框自动选中内容的方法.分享给大家供大家参考.具体如下: 这里使用JS实现鼠标点击时自动选中文本框文本的效果,相信许多朋友都遇到这种功能的,就是当我们点击文本框的时候,文本框中默认的文字会被全部选中,这样当你输入的时候不用再去选择,省去了一些麻烦,提高了输入效率,用户肯定会喜欢这功能,那么实现的方法是怎么样呢?通过本代码你就搞明白了. 先来看看运行效果截图: 在线演示地址如下: http://demo.jb51.net/js/2015/js-mouse-click

  • JS实现自适应高度表单文本框的方法

    本文实例讲述了JS实现自适应高度表单文本框的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&

  • swiper.js插件实现pc端文本上下滑动功能示例

    本文实例讲述了swiper.js插件实现pc端文本上下滑动功能.分享给大家供大家参考,具体如下: 在网站上看小说,文本太长时,靠鼠标去拖动滚动条太麻烦,鼠标滚轮又不精确,滚一下就不知道跑到哪去了.能不能像移动端那样可以鼠标上下滑动呢?swiper可以完美解决这个问题. 1.首先当然是引入swiper文件了: <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.1.6/c

  • JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转

    JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转

    程序要求: 编写一个html文件的网页代码,页面包含一个下拉列表框.一个文本框和一个按钮,下拉列表框选择要去的网站,当选择完毕后文本框中出现对应的网址.点击确认跳转按钮后访问文本框中出现的网址. 实现效果: 实现代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JavaScript事件</title>

随机推荐