本节介绍各种常见的浏览器事件,事件发送方

图片 1

  ​根据澳大利亚媒体5日最新报道,悉尼西北部一处住所发生枪击事件,造成2人死亡,1人受伤。目前警方已经抵达现场,但事件原因不详。(央视记者
王聪)

原生js–事件类型

 

1、表单事件:

submit事件

reset事件

click事件

change事件

focus事件(不冒泡) (IE和ES5支持冒泡的focusin)

blur事件(不冒泡) (IE和ES5支持冒泡的focusout)

input事件(ES5 textinput提供更方便的获取输入文字的方案)

 

2、Window事件

load事件

DOMContentLoaded事件

readyStatechage事件

unload事件

beforeunload事件

resize事件

scroll事件

 

3、鼠标事件

click事件

dbclick事件

mouseover事件(冒泡)

mouseout事件(冒泡)

mousedown事件

mouseup事件

contextmenu事件

mouseenter事件(不冒泡)

mouseleave事件(不冒泡)

mousewheel事件(FF DOMMouseScroll事件、DOM3 wheel事件)

 

4、键盘事件

keydown事件

keyup事件

keypress事件

二、MouseEvent对象


事件名即相当于委托实例名,事件处理方法即相当于委托实例的关联方法。只不过,在事件机制中,将定义委托实例(使用委托的第二步)分为两个步骤,分别由事件发送方和接收方来进行: 定义一个事件名
- 得到一个委托实例名 (事件发送方) ;封装该事件 -
得到一个关联方法(将一个事件处理方法与一个事件关联) (事件接收方)。
注:在事件发送方定义事件名时,可以将事件名声明为static的,以便事件接收方封装事件

8.1、Input事件,select事件,change事件

以下事件与表单成员的值变化有关。
(1)、input事件
input事件当<input>、<textarea>的值发生变化时会触发。此外,打开contenteditable属性的元素,只要值发生变化,也会触发input事件。

input事件的一个特点,就是会连续触发,比如用户没次按下一次按键,就会触发一次input事件。

(2)、select事件
select事件当在<input>、<textarea>中选中文本时触发。

(3)、Change事件
Change事件当<input>、<select>、<textarea>的值发生变化时触发。它与input事件的最大不同,就是不会连续触发,只有当全部修改完成时才会触发,而且input事件必然会引发Change事件。

事件发送方:发送事件的对象
事件接收方:捕获事件并对其作出响应的对象(处理事件)
在事件通讯机制中,事件发送方不知道哪个对象将接收到它引发的事件以及进行什么样的处理,事件
发送方不知道谁将是事件接收方,它只是将”事件发生了”这个消息广播出去。

2.1、概述


9.4、hashchange事件,popstate事件

以下事件与文档的URL变化相关。
(1)、hashchange事件

(2)、popstate事件

2.定义一个事件名(在事件发送方中)。
  访问控制符 event 委托类型名 事件名;

1.2、mouseup事件,mousedown事件,mousemove事件

mousedown事件在按下鼠标键时触发。
mouseup事件在释放按下的鼠标键时触发。
mousemove事件当鼠标在一个节点内部移动时触发。当鼠标持续移动时,该事件会连续触发。为了避免性能问题,建议对该事件的监听函数做一些限定,比如限定一段时间内只能运行一次代码。

图片 1 

七、触摸事件


触摸API由三个对象组成。

Touch
TouchList
TouchEvent

基于Windows的应用程序也是基于消息的,Windows使用预定义消息与应用程序通讯。
.NET
Framework将Windows消息封装在事件中,可以把事件作为对象之间的通讯介质。

1.5、contextmenu事件

contextmenu事件在一个节点上点击鼠标右键时触发,或者按下“上下文菜单”键时触发。

3.封装事件,即将事件处理方法注册到事件中(事件处理方法定义在事件接收方中)。
  事件发送方.事件名 += new 委托类型名(事件处理方法);

发表评论

电子邮件地址不会被公开。 必填项已用*标注

相关文章

网站地图xml地图