jQuery事件机制

jQuery的事件机制，指的是：jQuery对JavaScript操作DOM事件的封装，包括了：事件绑定、事件解绑、事件触发。
简单事件绑定

click(handler)              单击事件
blur(handler)               失去焦点事件
mouseenter(handler)         鼠标进入事件
mouseleave(handler)         鼠标离开事件
dbclick(handler)            双击事件
change(handler)             改变事件，如：文本框值改变，下来列表值改变等
focus(handler)              获得焦点事件
keydown(handler)            键盘按下事件

on方式

$(selector).on("click","span", function() {});

事件解绑

off解绑on方式绑定的事件
// 解绑匹配元素的所有事件
$(selector).off();
// 解绑匹配元素的所有click事件
$(selector).off("click");
// 解绑所有代理的click事件，元素本身的事件不会被解绑 
$(selector).off( "click", "**" ); 

事件触发

$(selector).click();            // 简单事件触发，触发 click事件
$(selector).trigger("click");   // trigger方法触发事件
$(selector).triggerHandler("focus"); // triggerHandler触发 事件响应方法，不触发浏览器行为 比如:文本框获得焦点的默认行为

jQuery事件对象介绍

event.data                  传递给事件处理程序的额外数据
event.currentTarget         等同于this
event.pageX                 鼠标相对于页面左边的位置
event.target                触发事件源，不一定===this
event.stopPropagation()；   阻止事件冒泡
event.preventDefault();     阻止默认行为
event.type                  事件类型：click，dbclick…
event.which                 鼠标的按键类型：左1 中2 右3
event.keyCode               键盘按键代码