jQuery等待多個事件觸發

Question

在執行某個函數之前是否可以「等待」多個事件？我知道它可能與jQuerydeferred obejcts使用$.when等待兩個承諾解決，但我想知道它是否可能只是普通的舊事件？

比方說click事件和自定義事件觸發警報，例如：

$.when("click", "customEvent").then(function(){ alert("yay"); }); 

Answer 1

您可以遞延，你只需要自己創建它們。

var clickDfd = $.Deferred(); 
var eventDfd = $.Deferred(); 
$("div").on("click", function(e) { 
    clickDfd.resolve(); 
}); 

$("div").on("some-event", function(e) { 
    eventDfd.resolve(); 
}); 

$.when(clickDfd, eventDfd).done(function(){ 
    alert("yay"); 
}); 

Answer 2

var click = 0; 
var hover = 0; 
$("div").on("click mouseenter", function(e) { 
    if(e.type == 'click') { 
     click = 1; 
     bana(); 
    } 
    else if(e.type == 'mouseenter') { 
     hover = 1; 
     bana(); 
    } 
}); 
function bana() { 
    if(click == 1 && hover == 1) { 
     alert(1); 
     click = 0; 
     hover = 0; 
    } 
    else { 
     return false; 
    } 
} 

好，檢查事件類型和舊的方式設置它們。普通的jQuery和JS。

只有在兩個事件都完成/觸發時纔會觸發警報1。

Fiddle