事件处理

2018-08-21  本文已影响0人  A郑家庆

事件简介

事件类型(event type)例如:click、mouseover、keydown
事件目标(event target)例如:window、document、element
事件对象(event object)指的是event,当我点击某个元素时,上面的事件会默认传一个event给相应的方法,这个event就是事件对象。
事件传播(event propagation)指的是当文档元素上发生某个类型的事件时,它们会在文档树上向上传播或冒泡。
事件传播的另外一种形式称为事件捕获,在容器元素上注册的特定处理程序有机会在事件传播到真实目标之前拦截或捕获它。

事件类型

一.传统事件类型

1.表单事件

参考地址:https://www.jianshu.com/p/a1a5950b5080
https://www.cnblogs.com/tanxiang6690/p/6855511.html

2.window事件

参考地址:http://flyer0126.iteye.com/blog/828897

3. 鼠标事件

参考地址:https://www.cnblogs.com/starof/p/4106904.html

4.Js-三大事件(鼠标事件、键盘事件、html事件)

参考地址:https://blog.csdn.net/qwer_df_b/article/details/77509859

5.html5方法事件总汇

参考地址:https://www.jb51.net/html5/459444.html

6.事件传播

事件分为三个阶段:
第一阶段发生在目标处理程序调用之前,成为捕获阶段
第二阶段发生在目标对象本身的事件处理程序调用
第三阶段发生在事件向上传递也被称为事件冒泡

7.阻止事件冒泡,阻止默认事件,event.stopPropagation()和event.preventDefault(),return false的区别

1.event.stopPropagation()方法
这是阻止事件的冒泡方法,不让事件向documen上蔓延,但是默认事件任然会执行,当你掉用这个方法的时候,如果点击一个连接,这个连接仍然会被打开,

2.event.preventDefault()方法
这是阻止默认事件的方法,调用此方法是,连接不会被打开,但是会发生冒泡,冒泡会传递到上一层的父元素;

3.return false ;
这个方法比较暴力,他会同事阻止事件冒泡也会阻止默认事件;写上此代码,连接不会被打开,事件也不会传递到上一层的父元素;可以理解为return false就等于同时调用了event.stopPropagation()和event.preventDefault()

参考地址:https://blog.csdn.net/wxl1555/article/details/53128966

上一篇下一篇

猜你喜欢

热点阅读