爲所有事件類型附加處理程序

Question

是否有一種簡潔的方式將事件處理程序綁定到某個元素，而與事件類型無關？

對於例如，我需要的是這樣的：

$('#elem').bind(function(e){ 

    //do stuff for any event originating from this element 
    e.stopPropagation(); 
}); 

Answer 1

您可以更改bind方法的默認行爲。 如果我們給出一個將會起作用的參數，將其添加到所有事件中 檢查了這一點。

$.fn.init.prototype.bind = (function(old) { 

    return function() { 
     if(arguments.length == 1 && typeof arguments[0] === "function") { 
      // if we'll put to bind method one argument which is function 

      // list of whole of events - you set themselves as needed 
      return this.bind("click keydown keyup keypress mouseover mouseenter mouseout mouseleave mousedown mouseup mousemove change blur focus scroll resize load unload beforeunload", arguments[0]); 

     } else { 
      // trigger original bind method 
      return old.apply(this, arguments) 
     } ; 
    } 

})($.fn.init.prototype.bind); 

現在：

$("body").bind(function() { console.log(this) }); 

噗:)

Answer 2

var eventsList = "blur, focus, load, resize, 
       scroll, unload, beforeunload, click, dblclick, 
       mousedown, mouseup, mousemove, mouseover, mouseout, 
       mouseenter, mouseleave, change, select, submit, keydown, 
       keypress, keyup, error"; 

(/* selector of user choice */).bind(eventsList, function(){ 

//All operations here.. 
}); 

您可以在這裏找到事件的列表... JQuery Events