html结构如下:
<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之后,光标在行div的最开头,怎么让光标到最后面
尝试以下方法
<!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();//创建range
range.selectAllChildren(d);//range 选择d下所有子内容
range.collapseToEnd();//光标移至最后
}
</script>
</body>
</html>