事件的故事说明

Posted 2020-09-08 熊猫哥哥

客户端的javascript采用的是异步事件驱动模型。

1.事件类型是一个用来说明发生什么类型事件的字符串。

2.事件目标是发生的事件或与之相关的对象。

3.事件对象是与特定事件相关且包含有关该事件详细信息的对象。

4.事件传播是浏览器决定哪个对象触发其事件处理程序的过程。对于单个对象的特定事件，必须是不能传播的。

5.事件捕获，在容器元素上注册的特定处理程序有机会在事件传播到真实目标之前拦截它。

 

一.表单事件

form表单会触发submit和reset事件。表单元素还有change，focus和blur事件。

二.window事件

window下面有以下几点方法：

1.onload事件与之相对应的就是unload，unload事件处理程序可以用于保存用户的状态，但它不能用于取消用户转向其他地方。

2.resize和scroll事件

三.鼠标事件

1.clientX和clientY属性指定了鼠标在窗口中的位置，button和which属性指定了鼠标按下哪个键，对于click属性，detail描述了是单击还是双击还是三击。

2.拖动鼠标会触发mousemove，按下鼠标会触发mousedown以及mouseup，单击右键会触发contextmenu事件。

3.鼠标悬停在一个元素上面会触发mouseover事件，不再悬停触发mouseout事件。这两个会触发事件冒泡。不冒泡版本的就是mouseenter以及mouseleave。

4.鼠标滚轮会触发mousewheel事件，注意火狐是DOMmousescroll

四.键盘事件

1.keyup和keydown事件，以及keypress事件（当keyup或keydown产生可以打印的字符的时候，会触发keypress事件），传递给浏览器的是keycode事件。

3级DOM不赞成使用keypress，而使用textinput的新事件，然后textinput传递给浏览器的不是keycode，而是data属性。

五.html5相关的事件

 

 

 

注册事件处理机制

1.标准方法是addeventlistenner()给元素添加侦听事件

2.可以通过添加事件处理程序属性的方式 例如onclick,onload等。。。

 

 

事件传播

 

 

 

事件取消