事件的故事说明

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

事件传播

事件取消

时间: 2024-07-30 11:17:37

事件的故事说明的相关文章

人工智能大牛的新年启示:未来要看无监督学习、自然语言处理

过去的新春佳节让程序员们迎来了一个难得的长假休息,但人工智能在假期一直在进步,我们看到了Facebook人工智能负责人Yann LeCun.香港科技大学计算机与工程系主任杨强等人工智能大牛对人工智能热潮的冷静思考,也看到谷歌研发出特定条件下超越人类水平的人工智能游戏系统.下面就来看看大牛们给我们的人工智能新年启示(同时也感谢"机器之心"和36kr的翻译工作). Yann LeCun:IBM True North是"草包族科学" 无监督学习是未来  Facebook人

passive的作用和原理

passived到底有什么用? passived主要用于优化浏览器页面滚动的性能,让页面滚动更顺滑~~ passived产生的历史时间线 addEventListener():大家都是认识的,为dom添加触发事件,故事就从这里开始. 在早期addEventListener是这样的: addEventListener(type, listener, useCapture) useCapture:是否允许事件捕捉,但是很少会传true,然后就变成可选项了: addEventListener(type

高晓松妈妈、退休建筑设计师作品:3星|《北京古建筑物语一:红墙黄瓦》

“ 明代故宫在建设之前,城中原有的元代皇宫已被摧毁,所有的瓦砾都堆在了其主要建筑延春阁的头上,形成了一座搬不走的大山.聪明的设计者索性拿它当了新皇宫北山的基础,再把挖护城河挖出来的100万立方米的土往上这么一堆,挺好的一座山就有了,这就是景山.#459” 北京古建筑物语一:红墙黄瓦 作者: 张克群 出版社: 麦客文化·化学工业出版社 出版年: 2019-5 定价: 48.00 装帧: 精装 丛书: 北京古建筑物语 ISBN: 9787122296283 01 — 作者是高晓松妈妈.退休前是建筑设

对张子阳先生对委托和事件的两篇文章的读后思考(说得很透,内附故事一篇)

第一篇 C#中的委托和事件 第二篇 C#中的委托和事件(续) 首先,张子阳先生的这是两篇关于委托和事件间关系的文章,是目前为止我读过的介绍委托和事件以及异步调用最简明清晰文章,作者通过非常有节奏的"标题"->"问题"->"思路"->"实现"->"讲解"的结构,分步骤一步一步地将委托和事件的实现.应用与原理阐述得非常清楚,并且在行文期间将自己有趣的思考过程通过生动的语言表达了出来,使人

android事件传递机制以及onInterceptTouchEvent()和onTouchEvent()详解二之小秘与领导的故事

总结的不是很好,自己也有点看不懂,正好现在用到了,研究了一个,再次总结,方便大家查看 总则: 1.onInterceptTouchEvent中有个Intercept,这是什么意思呢?她叫拦截,你大概知道她作用了吧,她就是你的亲亲小秘书,有什么事,先找秘书,秘书来决定这个事要不要你亲自处理,既然是秘书,是不是每个人都能有呢?当然不是,这个秘书只是viewgroup的,所以只有继承viewgroup的控件才有,那些textview啊button啊什么的,肯定是没有的,为什么?因为他级别不够(继承自v

独家爆料:创宇云与小鸟云的故事

在这几天,相信整个互联网圈都被创宇云因资金链宣布倒闭这一事件讨论广泛,因为这次之前,云概念火的一塌糊涂,而作为云计算市场新秀的创宇云,在市场上推出了一款仅需1800元就使用70年,几乎是永久的云主机,在市场上引起轰动. 但是好景不长,创宇云就宣布"我司因资金链断裂宣布停止运营", 存量客户出售给小鸟云.70年的云主机,使用还不到2年就用不了了,另很多人感到唏嘘. 卢松松博客的软文频道子站也在用这款主机,因为这台永久服务器,前前后后搬了两次家,客服说是由普通的搬到高防,现在又搬了一次,每

WPF 中的 loaded 事件和 Initialized 事件

在 WPF 中, 控件有 Loaded 和 Initialized 两种事件. 初始化和加载控件几乎同时发生, 因此这两个事件也几乎同时触发. 但是他们之间有微妙且重要的区别. 这些区别很容易让人误解. 这里介绍我们设计这些事件的背景. (不仅适用于 Control 类, 同样在通用类如 FrameworkElement 和 FrameworkContentElement 类也适用.) 下面是个小故事: Initialized 事件只说: 这个元素已经被构建出来,并且它的属性值都被设置好了,所以

挨踢部落故事汇(17):我与永恒之蓝战斗的两天两夜

redhat9i是个80后网络工程师,跟大多数IT男一样,喜欢倒腾,他的兴趣爱好非常广泛,无线电通信.应急救援.吹笛子.中医理疗.摄影等等. redhat9i·网络工程师 相识51CTO redhat9i主要活跃在51CTO论坛上,喜欢在论坛上和大家探讨问题.交流经验,认识了不少同行,帮他解决了很多问题,使得redhat9i技术能力得到很大进步,在当时的大区他也算能指导其他代理商工作的人了.自此就扎根在51CTO论坛上了,从版块版主做到现在的超级版主,每天登录论坛已经成为redhat9i的一种习

我眼中的2017年大概率事件:小程序出现“爆款”

一.小程序带来游戏规则的变轨 1.伴随着微信推出小程序,移动互联网似乎出现新的"增长窗口".   但是人们很快发现,这一波红利和过去两年的人口红利并不相同.一时间,看衰与失望之声横行,一些创业者和投资人表示小程序不过是为腾讯打工的"插件玩具",对于相对成熟的公司来说,或许是一个新的流量获取手段,至少是一个"防御性的标配"(避免被其他人捡了便宜),但对早期公司实用商业价值不大. 2.在此种情形下,小程序出现"爆款". 人们惊讶地