博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
事件的故事说明
阅读量:5238 次
发布时间:2019-06-14

本文共 1002 字,大约阅读时间需要 3 分钟。

客户端的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等。。。

 

 

事件传播

 

 

 

事件取消

 

转载于:https://www.cnblogs.com/xiongmaoblog/p/6667128.html

你可能感兴趣的文章
应该是实例化对象的没有对属性赋值时,自动赋值为null,但不是空指针对象引用...
查看>>
原生HttpClient详细使用示例
查看>>
几道面试题
查看>>
Factory Design Pattern
查看>>
python中贪婪与非贪婪
查看>>
guava API整理
查看>>
无锁编程笔记
查看>>
jquery mobile
查看>>
如何在vue单页应用中使用百度地图
查看>>
Springboot使用步骤
查看>>
Spring属性注入
查看>>
Springboot-配置文件
查看>>
Springboot-日志框架
查看>>
SpringBoot-thymeleaf
查看>>
P1908-逆序对
查看>>
P1192-台阶问题
查看>>
一、使用pip安装Python包
查看>>
spring与quartz整合
查看>>
Kattis之旅——Eight Queens
查看>>
3.PHP 教程_PHP 语法
查看>>