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 | 停止冒泡 |
相关文章推荐
- jQuery 的 live() 方法对 hover 事件的处理
- Jquery 中为后生成或插入的 Html 元素先设定响应事件处理方法
- jQuery的事件处理方法介绍
- jquery append加入新元素后事件无效处理方法(转载)
- jQuery的事件处理方法介绍 - bind(),live(),delegate(),on()
- jquery技巧总结-jQuery对象,集合,方法扩展,事件处理,特效,解决冲突
- jQuery的事件处理方法介绍 - bind(),live(),delegate(),on()
- jQuery监控文本框事件并作相应处理的方法
- jquery技巧总结-jQuery对象,集合,方法扩展,事件处理,特效,解决冲突
- jQuery的事件处理方法介绍 - bind(),live(),delegate(),on()
- jQuery 的 live() 方法对 hover 事件的处理
- jQuery的live()方法对hover事件的处理示例
- jQuery 的 live() 方法对 hover 事件的处理
- jQuery 的 live() 方法对 hover 事件的处理
- JQuery入门――用bind方法绑定事件处理函数应用介绍
- [DOM Event Learning] Section 3 jQuery事件处理基础 on(), off()和one()方法使用
- jQuery 的 live() 方法对 hover 事件的处理
- jQuery的事件处理方法介绍 - bind(),live(),delegate(),on()
- jQuery 的 live() 方法对 hover 事件的处理
- jquery append加入新元素后事件无效处理方法