事件流—
描述的是从页面中接受事件的顺序
IE—事件冒泡流
即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播至最不具体的那个节点(文档)
例如:点击按钮时,不但触发了div 还触发了body 甚至整个html以及document这个过程叫做时间冒泡
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="box">
<input type="button" value="按钮" id="btn" onclick/>
</div>
</body>
</html>
Netscape ----事件捕获流
不太具体的节点的应该更早接收到事件,而最具体的节点最后接收到事件(和冒泡事件流相反)
事件处理程序
1、HTML事件处理程序
直接把事件加载标签元素上
缺点:html和js紧密的耦合在一起
<div id="box">
<input type="button" value="按钮" id="btn" onclick="showMessage()"/>
</div>
<script>
function showMessage(){
alert("");
}
</script>
DOM0级事件处理程序