Js中的事件详解

A 事件流（event flow ）

事件模型分为两种：冒泡型事件、捕获型事件。

冒泡型（dubbed bubbling ）事件：指事件按照从最精确的对象到最不精确的对象的顺序逐一触发。

捕获型（event capturing ）事件：它与冒泡型事件相反，指事件按照从最不精确的对象到最精确的对象的顺序逐一触发。

捕获型事件也被称作自顶向下（DOM层次）的事件模型。

由于IE 浏览器不支持捕获型事件，因此并没有被广泛应用。

B 事件监听

i > 通用监听方法

示例一：

<p onclick=“alert(‘点击了’);“>Click Me</p>

示例二：

<html>
<head>
<title> demo </title>
<meta name=“Author“ content=“xugang“ />
<script type=”text/JavaScript”>

// 在onload 事件中添加所有标签的事件
window.onload = function(){
// 找到对象
var o_p = document.getElementById(“myp“);
// 添加对象的onclick 事件
o_p.onclick = function(){
alert(“我被点击了“);
}
}
</script>
</head>
<body>
<p id=“myp“>Click Me</p>
</body>
</html>

此代码实现了结构与行为的分离。

给浏览器添加监听方法，分为两种：IE 中的监听方法、标准DOM 的监听方法。

ii > IE 中的监听方法

在IE 浏览器中，每个元素都有两个方法来处理事件的监听。分别是：attachEvent( ) 和 detachEvent( ) 。

附加事件方法：[object].attachEvent(“事件名”，方法名);

分离事件方法：[object].detachEvent(“事件名”，方法名);

如：o_p.detachEvent(“onclick”,click_A);

posted on 2016-03-20 21:57 魏新鹏阅读(192) 评论(0) 收藏举报