开发者社区> 问答> 正文

怎样监测元素内容被修改这一事件?

比如我有一个p元素,里面是一些文本,然后我有一个按钮,点击按钮替换p元素里面的内容,那么给p元素绑定何种事件可以让它告知我 它被人修改了,有什么实现方式吗?

展开
收起
爵霸 2016-06-17 11:02:53 2126 0
3 条回答
写回答
取消 提交回答
  • 这个场景,你捕捉按钮的点击就OK了呀;
    最原始的可以通过轮询来检查tag内容是否变化;
    目前的数据双向绑定的框架挺多的,发布者订阅、getter/setter可以参考下

    2019-07-17 19:42:12
    赞同 展开评论 打赏
  • 可以监听按钮的点击事件

    2019-07-17 19:42:12
    赞同 展开评论 打赏
  • 最新的 MutationObserver 应该可以满足需求, 详见 https://developer.mozilla.org/zh-CN/docs/Web/API/MutationObserver

    MutationObserver给开发者们提供了一种能在某个范围内的DOM树发生变化时作出适当反应的能力.

    涵盖子节点变化, 属性变化.

    如果使用事件监听器, 如 DOMNodeInserted, DOMNodeRemoved 等更直观一些. 但 MutationObserver 设计出来就是为了替换掉 Mutation events -- DOMNodeInserted 等.

    这种设计有点像 Promise, 没有事件监听器的影子.

    2019-07-17 19:42:12
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
动态、高效,蚂蚁动态卡片的内核逻辑 立即下载
用计算和数据去改变整个世界 立即下载
快速变化背景下,组织如何保持过程的稳定性? 立即下载