一个contenteditable='true'的div,内部有一些内容,外部有一个按钮,点击按钮的时候让光标在div的最后面

0 0 javascript html chrome firefox html5
DPJune
DPJune

声望值:128 0人

2019-02-21 14:24:55 提问

关注 0关注

收藏 0收藏, 171浏览

html结构如下:



这里有一段文字

aaaaaaaa //有一些纯文本

点击

js如下:

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

focus之后,光标在行div的最开头,怎么让光标到最后面

请先 登录 后评论

2个回答

  • 撒网要见鱼92声望 2018-09-25 09:26

    尝试以下方法 <!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>
    请先 登录 后评论
  • ㄨ小蜗牛81声望 2018-09-25 09:26

    请看属性 setSelectionRange
    请先 登录 后评论

注册新账号

悬赏追问
10
  • 10
  • 20
  • 50
  • 100
  • 200
  • 输入数值
发布追问