前端小白入門系列課程版j源碼和事件的處理

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

2、Query模型jQuery模型 提供了統(tǒng)一的處理方法處理函數(shù)名稱（不帶on）處理函數(shù)的第一個(gè)參數(shù)添加多個(gè) 使用標(biāo)準(zhǔn)的實(shí)例做為 標(biāo)準(zhǔn)化實(shí)例最常用的屬性 提供了統(tǒng)一的取消和默認(rèn)行為的方法添加處理 on(eventType, selector, data, handler) bind()、delegate() 、live()統(tǒng)一方法和屬性冒泡： stopPropagation()默認(rèn)行為： preventDefault()冒泡和默認(rèn)行為：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()實(shí)例對(duì)象實(shí)例對(duì)象的屬性altKey bubbles button cancelable charCode clientX clientY ctrlKeycur

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

5、sPropagationStopped() isImmediatePropagationStopped()觸發(fā) trigger(eventType, data) triggerHandler(eventType, data)區(qū)別 triggerHandler 相比 trigger：觸發(fā)瀏覽器默認(rèn)；產(chǎn)生冒泡； 只觸發(fā)jQuery對(duì)象集合中第一個(gè)元素的處理函數(shù)； 返回的是處理函數(shù)的返回值，而不是jQuery對(duì)象?？旖莘椒╞lurchange click dblclick focus focusinfocusoutkeydownkeypresskeyup快捷方法mousedownmouseenter mouseleave mousemove mouseout mouseovermouseupreadyresize scroll selectsubmit快捷方法的使用 eventName(data, handler) eventName()hover 方法 hover(enterHandler, leaveHan