触发标签更改操作

Trigger action on Label change

本文关键字:操作 标签      更新时间:2023-09-26

我正在做一个网站插件,通过在某些现有网页上附加我的代码块,它监视现有页面上某些web元素的内容变化,并触发对变化的进一步行动。

作为一个插件,我不想修改原始页面的代码块,我想从我的代码块中获得被监视的元素并在此元素上注册"更改事件"。例如

<html>
...
<body>
...
<label id="idLable">some text</label>
...
<!-- here begin my code block -->
<script>
var label = document.getElementById("idLabel")
label.addOnChange(function (oldValue, newValue)
{
    //do something
});
</script>
<!-- here end my code block -->
</body>
</html>

我搜索了很长时间,但没有找到解决方案。有可能那样做吗?

我谢谢,海

JS中没有原生函数/选项。但是你可以使用setInterval函数来监控这些变化下面是示例代码:

var oldText=document.getElementById("idLabel").data;
var tmr = window.setInterval(function(){
if(document.getElementById("idLabel").data != oldText ) {

   //Your code goes here 

   window.clearInterval(tmr);
}
},1000);