在Javascript中为addEventListener创建一个自定义事件

时间:2014-02-18 00:21:13

标签: javascript addeventlistener

我想做的是在Javascript中注册自定义事件(我正在使用Html + Css + Javascript + jQuery)

但是这个“自定义事件”不是预定义的事件。我正在寻找的是这样的:

document.addEventListener($(#div1).css("width") == "35px" (OR, another example condition:) $(#div1).css("left") == "20px" (OR, another example condition:) $(#div1).css("color") == "#FF0000", function(););

这可能吗? 如何正确的语法?,内部和如果?我的意思是:     document.addEventListener(if($(#div1).css(“width”)==“35px”),function(););

我不知道如何让这个“自定义守护程序”工作!。

1 个答案:

答案 0 :(得分:1)

当特定div达到精确35px的宽度或特定颜色时,浏览器没有触发事件,因此您尝试编写的代码类型不可能直接执行。

对于某些其他类型的事物,可能会导致div更改其宽度,例如正在调整大小的窗口。如果您可以告诉我们哪些操作导致div改变其宽度,那么我们可以提供其他想法来捕获您想要捕获的情况。

您可能需要做的是为其他事件注册事件处理程序(例如窗口调整大小),然后检查是否满足您的任何条件,或者调用您的代码检查是否有任何这些条件在您的代码进行了其他可能更改其中一个属性的DOM修改或使用轮询计时器检查是否满足任何这些条件(不推荐,因为它效率低下)之后,我们已经满足了。