webapi中注册事件以及解绑事件
Posted z-lin
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webapi中注册事件以及解绑事件相关的知识,希望对你有一定的参考价值。
注册事件的方式有两种:
1.on + 事件名
特点:同一个元素注册同一个事件多次,后面的会把前面的覆盖
2.addEventListener(event,listener,useCapture);
参数:event:事件名 ; listener:事件处理函数 ; useCapture: 决定事件冒泡(false,默认值)还是事件捕获(true);
特点: 不存在覆盖问题,但是不支持IE6,7,8
解绑注册事件
1.on+事件名: on+事件名 = null;
2.addEventListener
(1).使用removeEventListener解绑
(2).注册事件处理函数不饿能是匿名函数,否则无法解绑
(3).不能在function后面直接加名字,会报错。addEventListener(‘click‘,function fn()......);报错
事件对象:当事件触发的时候,会产生事件对象
作用:里面存储了和事件相关的信息
获取方式: 在事件处理函数中,添加形参event
常用的属性:
(1)键盘事件:keyCode键盘码 -------通过它可以知道用户按了什么键 13---回车键 27-----ESC
(2)鼠标事件:1.clientX,clientY 获取鼠标相对于可视区的位置
2.pageX,pageY 获取鼠标在页面的位置
3.screenX,screenY 获取鼠标在屏幕中的位置
注意:当页面没有滚动条的时候,client系列和page系列值相等。
补充一些常用的事件:
click点击事件
dblclick 双击事件
mouseover 鼠标移入事件
mouseout 鼠标移出事件
mousedown 鼠标按下事件
mouseup 鼠标弹起事件
mousemove 鼠标移动事件
focus 聚焦事件
blur 失去焦点事件
keydown 键盘按下事件
keyup 键盘弹起事件
以上是关于webapi中注册事件以及解绑事件的主要内容,如果未能解决你的问题,请参考以下文章
JQuery的事件委托;jQuery注册事件;jQuery事件解绑