Html5在ios上input标签自动填充内容移动光标至尾的方法

最新推荐文章于 2024-07-17 14:47:00 发布

莫寂岚

最新推荐文章于 2024-07-17 14:47:00 发布

阅读量3.3k

点赞数

分类专栏： Ionic开发 html5学习文章标签： html5 ios

本文链接：https://blog.csdn.net/q408896553/article/details/51880967

版权

Ionic开发同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

html5学习

2 篇文章 0 订阅

订阅专栏

在做ionic框架下开发webapp，遇到了input框无法对于自动填充的内容做到聚焦时将光标自动移到末尾。在调研学习后,发现了以下方法，希望给大家有所帮助：

moveEnd: function(obj) {
    obj.focus();
    var len = obj.value.length;

    if (document.selection) {
        var sel = obj.createTextRange();

        sel.moveStart('character', len);
        sel.collapse();
        sel.select();
    } else if (typeof obj.selectionStart === 'number' && typeof obj.selectionEnd === 'number') {
        obj.selectionStart = obj.selectionEnd = len;
    }
},

在serves中实现以下方法，然后在controller.js中实现ng-click的绑定事件：

$scope.textAreaMoveEnd = function(){
      console.log("点击事件触发");
      commentService.moveEnd(document.getElementById('task-detail-comment-area'));
    }

记得将input或者textarea的ID写为选择器里的id；