js 光标停留在文字后面《超实用的JavaScript代码段》笔记

最新推荐文章于 2022-08-27 18:06:56 发布

sylvia_0815

最新推荐文章于 2022-08-27 18:06:56 发布

阅读量518

点赞数

分类专栏：笔记文章标签： javascript html

本文章版权只限本人所有

本文链接：https://blog.csdn.net/sylvia_0815/article/details/121768421

版权

笔记专栏收录该内容

58 篇文章 1 订阅

订阅专栏

<!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>测试光标停留在文字后面</title>
</head>
<body>
  <input type="text" id="cursorPos" value="光标永远停留在文字最后">
  <script type="text/javascript">
    window.onload=function(){
      var cursorPos = document.getElementById("cursorPos");
      cursorPos.onclick = cursorPos.onkeyup = function () {
        var len = this.value.length;
        if (this.setSelectionRange) {
          this.setSelectionRange(len,len);
        } else {
          var a = this.createTextRange();
          a.moveStart('character', len);
          a.collapse(true);
          a.select();
        }
      }
    }
  </script>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

sylvia_0815

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js 光标停留在文字后面《超实用的JavaScript代码段》笔记

<!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>测试光标停留在文字后.
复制链接

扫一扫