1、瀏覽器模型DOM 0級模型DOM 0級模型 <input type="button" onclick="doSomething()" /> input.onclick = function() . event = event | window.event; var target = event.target | event.srcElement; DOM 2級模型DOM 2級模型 addEventListener(eventType, listener, useCapture) attachEvent(eventName, handler)j

2、Query模型jQuery模型 提供了統一的處理方法處理函數名稱（不帶on）處理函數的第一個參數添加多個 使用標準的實例做為 標準化實例最常用的屬性 提供了統一的取消和默認行為的方法添加處理 on(eventType, selector, data, handler) bind()、delegate() 、live()統一方法和屬性冒泡： stopPropagation()默認行為： preventDefault()冒泡和默認行為：return false所有支持的 blur change click dblclick error focus focusin focusout keydown

3、keypress keyup load unload所有支持的 mousedown mouseenter mouseleave mousemove mouseout mouseover mouseup ready resize scroll select submit的處理 one(eventType, selector, data, handler)移除處理 off(eventType, selector, handler) off()實例對象實例對象的屬性altKey bubbles button cancelable charCode clientX clientY ctrlKeycur

4、rentTargetdata detaildelegateTarget eventPhase metaKey namespace offsetXoffsetY實例對象的屬性originalTargetoriginalEvent pageXpageY prevValue relatedTarget resultscreenXscreenYshiftKey target timeStamp typeviewwhich實例對象的方法 preventDefault() stopPropagation() stopImmediatePropagation() isDefaultPrevented() i

5、sPropagationStopped() isImmediatePropagationStopped()觸發 trigger(eventType, data) triggerHandler(eventType, data)區別 triggerHandler 相比 trigger：觸發瀏覽器默認；產生冒泡； 只觸發jQuery對象集合中第一個元素的處理函數； 返回的是處理函數的返回值，而不是jQuery對象。快捷方法blurchange click dblclick focus focusinfocusoutkeydownkeypresskeyup快捷方法mousedownmouseenter mouseleave mousemove mouseout mouseovermouseupreadyresize scroll selectsubmit快捷方法的使用 eventName(data, handler) eventName()hover 方法 hover(enterHandler, leaveHan