我试图弄清楚当客户端更改文本时是否可以检测到内容为文本的contenteditable div。我正在尝试设计一个简单的配置文件页面,用户可以在其中单击div进行编辑,并在完成编辑后将该div的内容存储为Javascript变量并发送给我的API。我是Web开发的新手,如果有人能用Java启发我,我将不胜感激。
相关代码:
<div class="bio1" contenteditable="true" name="bio" id="bio">
Apparently, this user prefers to keep an air of mystery about them.
<br>
<br>
<hr class="hrStyle">
标签确实关闭,但在其他许多div之后。
我试过的
您可以使用该"input"
事件通过键盘或粘贴监听所有更改。
至于完成,可能需要一些按钮,以便用户指示他们已完成操作,或者使用计时器将存储的值与当前值进行比较,以检查是否已进行更改
document.getElementById('bio').addEventListener('input', function(){
console.clear()
console.log(this.innerHTML)
})
<div class="bio1" contenteditable="true" name="bio" id="bio">
Apparently, this user prefers to keep an air of mystery about them.
<br>
<br>
<hr class="hrStyle">
</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句