为所有事件类型附加处理程序

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