js怎么获取输入框中，鼠标光标所在的位置。

Question

<p><button onclick="test()">点击</button></p>
<div id="editable" class="inputor" contentEditable="true"></div>

 function test() {
    var range = window.getSelection().getRangeAt(0)
    
          console.log(range.startContainer.offsetLeft) // 为什么获取不到光标的位置
  }

Answer 1

你都 onclick 了，focus 都已经离开 contenteditable 的区域了
触发 onclick 之前选中区域就已经没了，取不到东西也是正常的

Answer 2

大佬，我试了一下，发现获取到的位置都是一样的