在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ 一個contenteditable='true'的div，內(nèi)部有一些內(nèi)容，外部有

一個contenteditable='true'的div，內(nèi)部有一些內(nèi)容，外部有一個按鈕，點擊按鈕的時候讓光標(biāo)在div的最后面

html結(jié)構(gòu)如下：

<div id='somediv' contenteditable='true'>
    <p>這里有一段文字</p>
    aaaaaaaa //有一些純文本
</div>
<button id='btn'>點擊</button>

js如下：

let d=document.getElementById('somediv');
let btn=document.getElementById('btn');
btn.onclick=function(){
    d.focus();
}

focus之后，光標(biāo)在行div的最開頭，怎么讓光標(biāo)到最后面

回答
編輯回答
葬憶

嘗試以下方法


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
    <div id='somediv' contenteditable='true'>
        <p>這里有一段文字</p>
    </div>
    <button id='btn'>點擊</button>
<script>
    var d=document.getElementById('somediv');
    var btn=document.getElementById('btn');
    btn.onclick=function(){
        d.focus();
        var range = window.getSelection();//創(chuàng)建range
        range.selectAllChildren(d);//range 選擇d下所有子內(nèi)容
        range.collapseToEnd();//光標(biāo)移至最后
    }
</script>
</body>
</html>
2018年6月18日 18:54
編輯回答
伴謊

請看屬性 setSelectionRange

2018年8月15日 05:54