繁体   English   中英

屏幕的特定部分更改时触发jquery / javascript?

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM