上一主题 下一主题
ScriptCat,新一代的脚本管理器脚本站,与全世界分享你的用户脚本油猴脚本开发指南教程目录
返回列表 发新帖

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

[复制链接]

该用户从未签到

2

主题

4

回帖

4

积分

助理工程师

积分
4
发表于 2021-12-13 21:50:15 | 显示全部楼层 | 阅读模式
悬赏1油猫币未解决
可以在脚本中实现监听局部刷新吗?

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

  • TA的每日心情
    开心
    2023-6-5 00:59
  • 签到天数: 4 天

    [LV.2]偶尔看看I

    9

    主题

    42

    回帖

    233

    积分

    管理员

    积分
    233

    管理员油中3周年

    发表于 2021-12-13 22:30:15 | 显示全部楼层
    addeventlistener或者mutationobserve
    回复

    使用道具 举报

  • TA的每日心情

    2024-5-10 14:44
  • 签到天数: 23 天

    [LV.4]偶尔看看III

    4

    主题

    70

    回帖

    64

    积分

    初级工程师

    积分
    64

    油中3周年挑战者 lv1

    发表于 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的缺点,但是掌握和操作的难度高非常多
    详细自己度娘了
    回复

    使用道具 举报

  • TA的每日心情
    慵懒
    2024-10-28 07:07
  • 签到天数: 193 天

    [LV.7]常住居民III

    712

    主题

    5961

    回帖

    6760

    积分

    管理员

    非物质文化遗产社会摇传承人

    积分
    6760

    荣誉开发者喜迎中秋油中2周年生态建设者

    发表于 2021-12-14 13:23:50 | 显示全部楼层
    ThisAV 发表于 2021-12-14 13:06
    document.querySelector('div1').addEventListener('事件类型', fn);

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

    哥哥细致~
    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道

    入驻了爱发电https://afdian.net/a/lihengdao666
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。
    回复

    使用道具 举报

  • TA的每日心情
    开心
    2023-1-30 10:43
  • 签到天数: 3 天

    [LV.2]偶尔看看I

    1

    主题

    17

    回帖

    18

    积分

    助理工程师

    积分
    18

    新人报道

    发表于 2021-12-15 10:32:23 | 显示全部楼层
    ThisAV 发表于 2021-12-14 13:06
    document.querySelector('div1').addEventListener('事件类型', fn);

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

    ggnb!ggnb!
    回复

    使用道具 举报

    发表回复

    本版积分规则

    快速回复 返回顶部 返回列表