前端小白入门系列课程版j源码和事件的处理

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