jq事件处理

事件绑定:   

jq事件处理

 .on()   

jq事件处理

jq事件处理

jq事件处理

jq事件处理

也可以传入数据 注意格式 字符串会被解析成选择器   其他格式会存储到e事件源对象的data属性中去 需要事件源对象去获取该数据  e.data可以获取

jq事件处理

该实例 显示第二个此参数li 实现事件委托  事件绑定到ul的li上面 所以新加入的li也会有事件效果 但是如果

活学活用

jq事件处理

多事件绑定如下 jq内含有for循环机制

 .one()    该方法绑定事件后只有第一次点击有效果 后续将会失去事件

jq事件处理

一次性事件

jq取消默认事件不要考虑兼容性 return false 

    .off()     与on相反 用于解绑事件  没有参数会将所有事件取消掉 包括自定义事件 参数可以传事件类型、+ 事件函数名称

注意解绑事件参数形式应与绑定事件一直 否则无效

 .trigger()   用于触发事件 系统事件 自定义事件都可以

jq事件处理

数组参数可以作为后续参数传入到click事件中去

jq事件处理

   .click/keydown/mouseenter… 注意鼠标滑轮事件mousewheel

 

.hover  参数为两个函数

jq事件处理

 

兼容的事件对象:

   e.pageX、点击位置

e.clienX、点击位置

e.which、

e.button    判断鼠标哪个键

 e.preventDefault()    阻止默认事件

 e.stopPropagation()    阻止冒泡事件

 return false;阻止默认事件