[英]fire jquery/javascript when a certain section of the screen changes?
我想检测网页的特定部分何时更改,并在页面发生时刷新页面。 这可能吗? 例如,假设页面的左上角有一个绿色的,绝对定位的元素,大约50px x 50px-我希望页面在变红时进行刷新。
基本上,我要构建的是网站的叠加层,它将检测何时弹出通知并自动刷新页面。 如果还有其他方法比我想出的更好,请对任何事情都开放。
您可以使用:
$(element).on('DOMAttrModified', function() {
//code
});
不知道这是否是标准的。
您可以使用它每秒检查一次:
function hasChanged(hasItChanged)
{
//your code, eg
if(hasItChanged) alert("yep");
else alert("nope");
}
function check(){
if($("element").css("background-color") == "rgb(255, 0, 0)")
hasChanged(true);
else
hasChanged(false);
}
setInterval(check, 1000); //check every second (1000 miliseconds)
只需将if($("element").css("background-color") == "rgb(255, 0, 0)")
行更改为您发现更改的某些CSS(并显然更改$("element")
到所需的选择器)。
编辑:我发现您必须使用RGB才能使其工作,就颜色而言。 但是,您始终可以在浏览器的控制台中键入$("element").css("background-color")
,看看它能为您带来什么。 也许您需要使用or语句来获得跨浏览器的支持,尽管我认为至少在现代浏览器中这不是必需的。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.