zoukankan      html  css  js  c++  java
  • DIV当textarea使用,在聚焦的时候将光标移动到内容的末尾

    #### DIV当textarea使用,在聚焦的时候将光标移动到内容的末尾 ####
    
    <style type="text/css">
    .test_box {
         400px;
        min-height: 120px;
        max-height: 300px;
        _height: 120px;
        margin-left: auto;
        margin-right: auto;
        padding: 3px;
        outline: 0;
        border: 1px solid #a0b3d6;
        font-size: 12px;
        word-wrap: break-word;
        overflow-x: hidden;
        overflow-y: auto;
    }
    </style>
    HTML代码:
    <div class="test_box" contenteditable="true"  id="comment"><br /><a href="http://www.baidu.com">aaaa</a></div>
    
    <script>
    
    
    document.getElementById("comment").onfocus=function(){
        var tObj = document.getElementById("comment");
    
        var len = tObj.innerHTML.length;
        place_caret_at_end(tObj);
       
    }
    
    
    function place_caret_at_end(el)
        {
            el.focus();
            if (typeof window.getSelection != "undefined" && typeof document.createRange != "undefined")
            {
                var range = document.createRange();
                range.selectNodeContents(el);
                range.collapse(false);
                var sel = window.getSelection();
                sel.removeAllRanges();
                sel.addRange(range);
            } else if (typeof document.body.createTextRange != "undefined") {
                var textRange = document.body.createTextRange();
                textRange.moveToElementText(el);
                textRange.collapse(false);
                textRange.select();
            }
        }
    
    </script> 
    

      

  • 相关阅读:
    RobotFrameWork-Python简易环境搭建
    Oracle常用函数
    Oracle多表连接查询Join
    测试用例的常用设计方法
    App自动化测试之Monkey使用场景及常用命令
    App自动化测试之Adb基础命令使用
    App弱网测试
    前端基础(二)
    py自动化框架(二)
    html基础js
  • 原文地址:https://www.cnblogs.com/adtuu/p/4688218.html
Copyright © 2011-2022 走看看