为了账号安全,请及时绑定邮箱和手机立即绑定

Chrome getRange以编程方式更改 contenteditable div 的inner

Chrome getRange以编程方式更改 contenteditable div 的inner

青春有我 2023-07-06 09:54:50
我的html如下:<button onclick="testfunction()">test</button><div id="divT" spellcheck="false" contenteditable="true"></div>js:document.getElementById("divT").innerHTML = "bla bla bla";function testfunction() {    try {        if (window.getSelection && (sel = window.getSelection()).modify) {            var s = window.getSelection();            var range = s.getRangeAt(0);            range.collapse(true);        }    }    catch(err) {        alert(err);    }}在 Google Chrome 中,当我尝试像上面的代码那样以编程方式更改该 div 的内容然后运行时testfunction,我得到: failed to execute 'getRangeAt' on 'Selection': 0 is not a valid index但是如果我手动更改内容,就没有这样的问题。火狐浏览器工作正常。这是一个错误吗?预先感谢您的帮助jsfiddle:https: //jsfiddle.net/borw7n0h/ 只需单击测试按钮
查看完整描述

1 回答

?
繁星coding

TA贡献1797条经验 获得超4个赞

我是这样解决的:

document.getElementById("divT").focus()


查看完整回答
反对 回复 2023-07-06
  • 1 回答
  • 0 关注
  • 125 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信