Javascript 如何在对象字段内发生更改时提醒用户
如果对象字段中有任何更改,如何提醒用户 我正在尝试检测对象内部此div上的更改 如果是正常情况,代码如下:Javascript 如何在对象字段内发生更改时提醒用户,javascript,object,html,field,alert,Javascript,Object,Html,Field,Alert,如果对象字段中有任何更改,如何提醒用户 我正在尝试检测对象内部此div上的更改 如果是正常情况,代码如下: <div id="HeaderNewMessageIcon" class="BrosixContactNewMessage" style="display:none;"> <a href="javascript:;" class="HeaderNewMessageIcon" title="Unread messages"></a> </div>
<div id="HeaderNewMessageIcon" class="BrosixContactNewMessage" style="display:none;">
<a href="javascript:;" class="HeaderNewMessageIcon" title="Unread messages"></a>
</div>
但如果有变化,它将如下所示:
<div id="HeaderNewMessageIcon" class="BrosixContactNewMessage" style="display: block; ">
<a href="javascript:;" class="HeaderNewMessageIcon" title="Unread messages: 1"></a>
</div>
如果对象内部有更改,我想通过警报或使用图像向用户发出警报
我有没有办法做到这一点
还有一件事,我无法访问对象内部的代码,我只能查看它,不能编辑它。我相信一定有一些JavaScript代码可以更改html,您可以从那里调用方法。另一种方法是使用setInterval 您可以使用jQuery插件。看
通过用户交互(如单击、鼠标悬停、鼠标向下等)时,您必须检测到更改。。。然后,您可以附加一个函数,以查看其属性或其中的任何内容是否发生更改
//detect inputs change
$('#HeaderNewMessageIcon').find(':input').change(function(){ alert(...)});
//detect attributes change
$('#HeaderNewMessageIcon').click(function(){
detectChange(this);
});
要使detectChange正常工作,必须在页面刚加载时保存属性
var attrs = $('#HeaderNewMessageIcon').get(0).attributes;
function detectChange(obj){
//pseudo-code, you need to find a function on the web to commpare 2 objetcs
if (obj.attributes === attrs){
alert(...);
}
//the same comparison for the children elements $(obj).children()
}
谁或什么更改了
div
?javascript但它是服务器端的,所以这些消息来自服务器并反映在该div中?向我们展示执行此操作的代码!
var attrs = $('#HeaderNewMessageIcon').get(0).attributes;
function detectChange(obj){
//pseudo-code, you need to find a function on the web to commpare 2 objetcs
if (obj.attributes === attrs){
alert(...);
}
//the same comparison for the children elements $(obj).children()
}