您的位置:首页 > Web前端 > JQuery

jQuery的事件处理方法

2017-12-25 21:01 176 查看

.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 停止冒泡
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: