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事件解绑

webapi

JavaScript(webApi)

Vue中全局事件的解绑

Azure 事件中心 - 如何在 .Net Core WebAPI 中实现消费者?

Web 三件套JavaScript WebAPI 介绍