<div id="test"><p>test text<p></div> <script src="vendor/jquery-2.1.1.js"></script> <script> test.addEventListener('click', function(e){console.log(e);}, false), $('#test').on('click', function(e){console.log(e)}); </script>

js-jq-event-common:{   altKey: false,   bubbles: true,   button: 0,   cancelable: true,   clientX: 58,   clientY: 13,   ctrlKey: false,   offsetX: 50,   offsetY: 5,   pageX: 58,   pageY: 13,   screenX: 58,   screenY: 122,   view: Window,   which: 1,   type: 'click',   timeStamp: 1407761742842,   metaKey: false,   relatedTarget: null,   target: div#test /*jq-evt的target不一定是jQuery选择器匹配的元素，可能是第一个捕获事件的元素，然后向上冒泡时其中一个才是选择器匹配的元素*/ },  js-jq-event-diff:{   currentTarget: null/*貌似一般都为null*/               || div#test/*jq选择器匹配的元素在[currentTarget]属性*/,   eventPhase: 0 || 2,   toElement: div#test },  js-event-solo:{   x: 58,   y: 13,   cancelBubble: false,   charCode: 0,   clipboardData: undefined,   dataTransfer: null,   defaultPrevented: false,   srcElement: div#test,   fromElement: null,   detail: 1,   keyCode: 0,   layerX: 58,   layerY: 13,   returnValue: true },  jq-event-solo: {   buttons: undefined,   data: undefined,   delegateTarget: div#test/*谁在监听？就是这个元素啦。*/,   isDefaultPrevented: function,   handleObj: Object,   jQuery211024030584539286792: true,   originalEvent: MouseEvent,   shiftKey: false }  body-click-delegate-event: {   currentTarget: HTMLBodyElement,   delegateTarget: HTMLBodyElement,   target: HTMLDivElement }

var view = Backbone.View.extend({   el: document.body,    events: {     'click p': 'showText'     // 委托body监听p的click事件   },    showText: function(e){     var p = e.currentTarget;  // [currentTarget]获取选择器匹配的元素     this.log(p.innerHTML);    // 看到了吧，this并不指向p元素   },    log: function(msg){     console.log(msg);   } });