html位置发生变化监听,html监听 --- 监听html文档结构变化

快来打我* 2022-10-06 11:45 299阅读 0赞

/\*config属性

childList：子元素的变动

attributes：属性的变动

characterData：节点内容或节点文本的变动

subtree：所有下属节点(包括子节点和子节点的子节点)的变动

attributeFilter: 监听制定属性\[attrName\]

record属性

type:观察的变动类型(attribute、characterData或者childList)。

target:发生变动的DOM对象。

addedNodes:新增的DOM对象。

removeNodes:删除的DOM对象。

previousSibling:前一个同级的DOM对象，如果没有则返回null。

nextSibling:下一个同级的DOM对象，如果没有就返回null。

attributeName:发生变动的属性。如果设置了attributeFilter，则只返回预先指定的属性。

oldValue:变动前的值。这个属性只对attribute和characterData变动有效，如果发生childList变动，则返回null。

observer.disconnect(); //停止监听观察

observer.takeRecord(); //清除历史监听记录\*/

functionmonitor(id,method)\{

let MutationObserver= window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;//浏览器兼容

let config = \{ attributes: true, childList: true,subtree:true\}//配置对象

$(\`\#$\{id\}\`).each(function()\{

let \_this= $(this);

let observer= new MutationObserver(function(mutations) \{//构造函数回调

mutations.forEach(function(record) \{

window\[method\].call(this);

\});

\});

observer.observe(\_this\[0\], config);

\});

\}

functionMysubmenu()\{if(record.type == 'childList')\{//监听结构发生变化

if($(record.target).find('\#exam\_theory\_organize').length>0)\{//studentId: "4", mark: "student\_online"

if(webSocketData.mark =="student\_online")\{

$('\#select\_student').bootstrapTable("refresh");

\}else if(webSocketData.mark =="ready\_exam")\{//let selectStudentData = $('\#select\_student').bootstrapTable("getData");

//$.each(selectStudentData,function(i,v)\{if(v.USER\_ID == webSocketData.studentId)\{ v.exam\_stauts ='已就绪'\} \})

$('\#select\_examPaper').bootstrapTable("refresh");

\}

\}if($(record.target).find('\#exam\_theory\_join').length>0)\{if(webSocketData.mark =="grant\_exam")\{ selectExam();

\}else if(webSocketData.mark =="strat\_exam")\{ \}

\}

\}

\}

发表评论取消回复

表情：

评论列表（有 0 条评论，299人围观）

还没有评论，来说两句吧...

相关阅读

相关监听数组变化

03-监听数组变化 <!DOCTYPE html> <html lang="en"> <head> <meta char

蔚落/ 2023年01月17日 07:45/ 0 赞/ 153 阅读

相关 chrome监听cookie变化

/ 监听cookie变化 / chrome.cookies.onChanged.addListener(function(changeInfo){

绝地灬酷狼/ 2023年01月10日 01:30/ 0 赞/ 223 阅读

相关 html 监听后端变化_Vue.js中 watch(深度监听)

![3614479af92b1e18b28f09a4b08bfdec.png][] ![2d0fa97e9e8d96649872706c84acab73.png][] h

「爱情、让人受尽委屈。」/ 2023年01月04日 13:10/ 0 赞/ 368 阅读

相关监听 apollo 配置变化

> 监听 apollo 配置 cleanPrecisionVersion 变化的类源码 @Component @Order(value = Order

约定不等于承诺〃/ 2022年12月02日 13:52/ 0 赞/ 413 阅读

相关 html位置发生变化监听,html监听 --- 监听html文档结构变化

/\config属性 childList：子元素的变动 attributes：属性的变动 characterData：节点内容或节点文本的变动 subtree：所有下属

快来打我*/ 2022年10月06日 11:45/ 0 赞/ 300 阅读

相关监听 html dom 变化,js怎么监听元素属性变化

我觉得MutationObserver可以用啊，正常情况下，这个等待DOM操作结束再执行的异步回调没什么问题吧。什么业务实时性要那么高啊？一般一个事件里面同步的不会有同个属性

梦里梦外;/ 2022年10月06日 10:53/ 0 赞/ 292 阅读

相关 HTML5 oninput实时监听输入框值变化的完美方案

在网页开发中经常会碰到需要动态监听输入框值变化的情况，如果使用 onkeydown、onkeypress、onkeyup 这个几个键盘事件来监测的话，监听不了右键的复制、剪贴和

水深无声/ 2022年05月20日 05:00/ 0 赞/ 914 阅读

相关监听url变化

js部分： <script> var lasturl=window.location.href; function isHashChanged()\{ v

你的名字/ 2022年04月24日 13:54/ 0 赞/ 331 阅读

相关监听文件夹变化

现象：监听文件夹的变化：如新建、修改、删除文件或者文件夹方法： 1：创建测试类设置主函数、构造观察类设置监听间隔时间、调用监听文件夹变化 ![在这里插入图片描

喜欢ヅ旅行/ 2022年03月02日 02:49/ 0 赞/ 354 阅读

相关 vue 监听屏幕变化

1、防抖 npm install lodash.debounce -save-dev 2、在main.js写上如下代码 const windowResiz

偏执的太偏执、/ 2021年10月19日 07:54/ 0 赞/ 525 阅读