如何检测contenteditable div的内容是否已更改

7job密码

我试图弄清楚当客户端更改文本时是否可以检测到内容为文本的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之后。

我试过的

  1. 我在堆栈溢出中搜索了类似的问题,但是没有找到一个特定的Javascript
  2. 我想过要使用一个按钮,当他们单击div时,该按钮就会出现并在单击时获取该div的内容。我对此感到灰心,因为我不确定首先如何检测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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何检测对象变量是否已更改?

来自分类Dev

如何读取contentEditable div的内容?

来自分类Dev

如何读取contentEditable div的内容?

来自分类Dev

检测 div > ul 已更改

来自分类Dev

如何检测表格中的数据是否已更改?MVC

来自分类Dev

如何检测特定的Firebase存储路径数据是否已更改

来自分类Dev

如何检测字符串是否已更改

来自分类Dev

如何检测特定的Firebase存储路径数据是否已更改

来自分类Dev

MVVM Light - 如何检测某些属性是否已更改

来自分类Dev

在使用Spring Batch框架处理作业之前,如何检查文件内容是否已更改

来自分类Dev

如何使用jQuery检测按钮是否已单击或输入的值已更改?

来自分类Dev

如何在contenteditable div中获取已删除的元素?

来自分类Dev

如何在contenteditable div中获取已删除的元素?

来自分类Dev

up检测文件是否已更改但未更改

来自分类Dev

ANDROID如何检测我的ip已更改?

来自分类Dev

Xcode如何检测视图的属性已更改?

来自分类Dev

如何检测整个绑定的 ViewModel 已更改?

来自分类Dev

使用Javascript检测内容是否适合div

来自分类Dev

如何动态更改div内容

来自分类Dev

如何检测是否已安装Microsoft Edge?

来自分类Dev

如何检测是否已触摸SKSpriteNode

来自分类Dev

如何检测是否已安装NEVPNManager配置?

来自分类Dev

如何检测是否已连接tmux?

来自分类Dev

.focus()-如何使用contentEditable div将光标置于内容的末尾

来自分类Dev

.focus()-如何使用contentEditable div将光标置于内容的末尾

来自分类Dev

如何在contenteditable div中过滤用户粘贴的内容?

来自分类Dev

如何检测List <string>是否已更改?最后添加的是什么?

来自分类Dev

如何检测子目录中的某些文件是否已更改?

来自分类Dev

在使用Spring Batch框架在作业上处理文件之前,如何检查文件内容是否已更改

Related 相关文章

  1. 1

    如何检测对象变量是否已更改?

  2. 2

    如何读取contentEditable div的内容?

  3. 3

    如何读取contentEditable div的内容?

  4. 4

    检测 div > ul 已更改

  5. 5

    如何检测表格中的数据是否已更改?MVC

  6. 6

    如何检测特定的Firebase存储路径数据是否已更改

  7. 7

    如何检测字符串是否已更改

  8. 8

    如何检测特定的Firebase存储路径数据是否已更改

  9. 9

    MVVM Light - 如何检测某些属性是否已更改

  10. 10

    在使用Spring Batch框架处理作业之前,如何检查文件内容是否已更改

  11. 11

    如何使用jQuery检测按钮是否已单击或输入的值已更改?

  12. 12

    如何在contenteditable div中获取已删除的元素?

  13. 13

    如何在contenteditable div中获取已删除的元素?

  14. 14

    up检测文件是否已更改但未更改

  15. 15

    ANDROID如何检测我的ip已更改?

  16. 16

    Xcode如何检测视图的属性已更改?

  17. 17

    如何检测整个绑定的 ViewModel 已更改?

  18. 18

    使用Javascript检测内容是否适合div

  19. 19

    如何动态更改div内容

  20. 20

    如何检测是否已安装Microsoft Edge?

  21. 21

    如何检测是否已触摸SKSpriteNode

  22. 22

    如何检测是否已安装NEVPNManager配置?

  23. 23

    如何检测是否已连接tmux?

  24. 24

    .focus()-如何使用contentEditable div将光标置于内容的末尾

  25. 25

    .focus()-如何使用contentEditable div将光标置于内容的末尾

  26. 26

    如何在contenteditable div中过滤用户粘贴的内容?

  27. 27

    如何检测List <string>是否已更改?最后添加的是什么?

  28. 28

    如何检测子目录中的某些文件是否已更改?

  29. 29

    在使用Spring Batch框架在作业上处理文件之前,如何检查文件内容是否已更改

热门标签

归档