如何扩展'resize'事件?

时间:2017-06-29 18:59:12

标签: javascript javascript-events window-resize

我在监听resize事件,但我需要扩展它,因为我全局使用它。在调用此事件之前,我需要对传递进行一些额外的检查。我怎样才能做到这一点?

1 个答案:

答案 0 :(得分:0)

我首先要说的是我不确定你要求的是什么,但希望这会有所帮助。在JavaScript中,您不会“调用”像调整大小的事件。你倾听它,当它发射时,你会做点什么。

例如,如果(我认为你的意思是),你想在窗口调整大小并满足一些条件后做一些事情,尝试这样的事情:

<html>
<body onresize = 'myFunction(condition1, condition2, condition3)'>
    <div id = 'content'>
        <!--your content here-->
    </div>
</body>

然后是您的JavaScript:

function myFunction(condition1, condition2, condition3){
    if(condition1 && condition2 && condition3){
        //code that will execute once resize event fires 
        //and all three conditions have been met
        console.log("Resize event detected, all three conditions have been met");
        //your code here
    };
}

这是你要找的吗?

你也可以尝试这样的事情:

function myFunction(cond1, cond2, cond3(){
    if(cond1 && cond2 && cond3){
        //code that will execute once resize event fires 
        //and all three conditions have been met
        console.log("Resize event detected, all three conditions have been met");
        //your code here
    };
}    
window.addEventListener("resize", myFunction(cond1, cond2, cond3);