论坛 › 问答互助 › 可以在脚本中实现监听局部刷新吗？

longsiyu 发表于 2021-12-13 21:50:15

可以在脚本中实现监听局部刷新吗？

可以在脚本中实现监听局部刷新吗？

例如两个div1和div2区域，div1控制div2的内容刷新，有办法监听或者实时判断div2的刷新吗？

admin 发表于 2021-12-13 22:30:15

addeventlistener或者mutationobserve

ThisAV 发表于 2021-12-14 13:06:36

document.querySelector('div1').addEventListener('事件类型', fn);

这类的内容其实百度还是很容易找到的
网页内容变化触发，可以看这个DOM变异事件
https://developer.mozilla.org/zh-CN/docs/Web/Events#dom变异事件
DOMNodeInserted = 节点插入

进阶知识……
DOMNodeInserted 会在发生一次接点变更就触发一次监听器，不要在执行函数中进行节点添加的操作



推荐使用 MutationObserver
https://developer.mozilla.org/zh-CN/docs/Web/API/MutationObserver
可以规避 addEventListener 监听DOM的缺点，但是掌握和操作的难度高非常多
详细自己度娘了

李恒道 发表于 2021-12-14 13:23:50

ThisAV 发表于 2021-12-14 13:06
document.querySelector('div1').addEventListener('事件类型', fn);

这类的内容其实百度还是很容易找到的 ...

哥哥细致~

挖掘机小王子 发表于 2021-12-15 10:32:23

ThisAV 发表于 2021-12-14 13:06
document.querySelector('div1').addEventListener('事件类型', fn);

这类的内容其实百度还是很容易找到的 ...

ggnb！ggnb！

查看完整版本: 可以在脚本中实现监听局部刷新吗？