jQuery的事件处理方法

.on（）方法用来处理事件

$("li").on("click",function(){
    $(this).addClass("complete")
})

.on()方法处理的最常用的一些事件如下表所示。为了方便开发人员，jquery同样会添加一些额外的事件，比如ready事件，在当前页面准备好之后触发。

用户界面

focus、blur、change

键盘

input、keydown、keyup、keypress

鼠标

click、dbclick、mouseup、mousedown、mouseover、mousemove、mouseout、hover

表单

submit、select、change

文档

ready*、load、unload

浏览器

error、resie、scroll

 

事件对象

每个事件处理函数都会获得一个时间对象

 

$("li").on("click",function(e){
    eventType = e.type
})

 

e:将事件对象作为命名参数

e.type:在函数中使用这个名称来指代事件对象，在该对象上使用你所熟悉的点好（成员操作符）来访问其属性和方法

下面表格中的实例使用字母e作为事件对象的缩写。

属性	说明
type	事件类型（比如click，mouseover）
which	被按下的按钮或键值
data	当事件发生时传入该函数的一些额外信息
target	发生这个事件的DOM元素
pageX	鼠标相对可视区域左边缘的位置
pageY	鼠标相对可视区区域上边缘的位置
timeStamp	事件发生时间距离1970年1月1日的毫秒数，在火狐下无效
方法	说明
.preventDefault	阻止默认行为
.stopPropagation	停止冒泡