康县建设局网站,深圳建设网站培训机构,最低成本做企业网站,wordpress手机移动主题一#xff0e;#xff08;1#xff09;事件源#xff08;事件目标#xff09;#xff1a;在哪个组件上发生的事件#xff0c;也就是发生事件的作用体或与之相关的对象。任何元素#xff0c;body,html元素等等#xff0c;都可以作为事件源。#xff08;2#xff09;事… 一1事件源事件目标在哪个组件上发生的事件也就是发生事件的作用体或与之相关的对象。任何元素body,html元素等等都可以作为事件源。2事件事件就是用户或浏览器自身执行的某种动作。比如click,load,等等都是事件的名字。3事件类型表单事件window事件鼠标事件键盘事件等。 常用表单事件 focus不冒泡IE和ES5支持冒泡的focusin 焦点事件blur(不冒泡IE和ES5支持冒泡的focusout) 失去焦点事件submit 提交事件change 改变事件input 文本输入事件 常用的window事件 load 加载事件 unload 关闭事件beforeunload 关闭之前的事件。DOMContentLoaded,它在DOM加载之后及资源加载之前被触发事件。 readyStatechage 当页面加载状态改变事件. 常用的鼠标事件 click 单击事件dbclick 双击事件textcontentmenu 文本菜单事件mouseover 鼠标放上事件mouseout 鼠标离开事件mousedown 鼠标按下事件mouseup 鼠标抬起事件mousemove 鼠标移动事件mouseenter 鼠标移入事件mouseleave 鼠标移除事件 常用键盘事件 keypress 键盘事件keyup 键盘抬起事件 keydown 键盘按下事件4事件传播指浏览器决定哪个对象触发其事件处理程序的过程。5事件流指的是从页面接收事件的顺序IE的事件流是事件冒泡流而Netscape Communication的事件流是事件捕获流。事件在DOM中传播的顺序有两种类型事件捕获和事件冒泡。6DOM2级事件标准规定了事件流包括三个阶段事件捕获阶段处于目标阶段事件冒泡阶段。在DOM2级事件模型中一旦事件被触发事件流首先从DOM树顶部文档节点向下传播直到目标节点然后再从目标节点向上传播到DOM树顶。从上到下的过程被称为捕获阶段该阶段包括从文档到目标节点的父节点范围内的所有节点从下到上的过程被称为冒泡阶段包括从目标节点的父节点返回到文档的行程中遇到的节点即就是事件开始由文档中嵌套层次最深的那个具体的元素节点接收然后逐渐向上级传播到较不具体的节点。如图 第一部分称为捕获阶段捕获阶段的主要任务是建立传播路径在冒泡阶段事件会通过这个路径回溯到文档跟节点。第二部分称为目标阶段该阶段仅包括目标节点图中的div节点事件在目标节点上被触发。第三部分称为冒泡阶段事件在目标元素上触发后并不在这个元素上终止同一个事件会依次在目标节点的父节点父节点的父节点...直到最外层的节点上被触发。举一个例子来说明事件流的三个阶段如图 当点击最里层的span元素时事件流首先从DOM树顶部文档节点向下传播直到目标节点如上图例中的span元素然后再从目标节点向上传播到DOM树顶。从上到下的这个搜索dom树的过程就是捕获阶段而从下到上的span元素被选中一直弹出对话框html元素被选中这就是同一个事件的冒泡过程被称为冒泡阶段也就是事件在目标元素上触发后并不在这个元素上终止会一直向上冒泡直到最外层的节点上。 不过并非每个事件对象都参与事件流的所有三个阶段。而对于事件冒泡在必要的时候还是需要相应的处理这两个问题后期再继续学习研究。 7事件处理程序事件监听程序处理或者响应事件的函数。事件处理程序的名字以”on”开开头比如click事件的处理程序就是onclick,8事件对象event:是与特定事件相关且包含有关该事件详细信息的对象。事件对象作为参数传递给事件处理程序函数。 转载于:https://blog.51cto.com/xiyin001/1749423
