事件:用户或浏览器自身执行的动作;事件处理程序:响应某个事件的函数;事件流:从页面中接收事件的顺序。1、DOM事件流"DOM2级事件"规定的事件流包括三个阶段:事件捕获阶段、处于目标阶段和事件冒泡阶段。单击<div>元素会按照下图顺序触发事件。实际 ...
事件:用户或浏览器自身执行的动作;
事件处理程序:响应某个事件的函数;
事件流:从页面中接收事件的顺序。
1、DOM事件流
"DOM2级事件"规定的事件流包括三个阶段:事件捕获阶段、处于目标阶段和事件冒泡阶段。单击<div>元素会按照下图顺序触发事件。
实际的目标(<div>元素)在捕获阶段不会接收到事件,意味着在捕获阶段事件从document到<html>再到<body>后就停止了。在处于目标阶段,事件在<div>上发生,并在事件处理中被看成冒泡阶段的一部分。然后,冒泡阶段发生,事件又传播回文档。
2、事件处理程序
(1)HTML事件处理程序
某个元素支持的每种事件,都可以使用一个与相应事件处理程序同名的HTML特性来指定。这个特性的值应该是能够执行的JavaScript代码。
<input type="button" value="click me" onclick="alert(event.type)">//click<input type="button" value="button1" onclick="alert(this.value)">//button1<input type="button" value="click me" onclick="showMessage()"><script>function showMessage(){ alert('Hello world');}</script>
原标题:js 事件处理程序
关键词:JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。