什么是事件?
JavaScript 使我们有能力创建动态页面,事件是可以被 JavaScript 侦测到的行为。网页中的每个元素都可以产生某些可以触发 JavaScript 函数的事件。比方说,我们可以在用户点击某按钮时产生一个 onClick 事件来触发某个函数。JavaScript 事件参考手册
注意: 事件通常与函数配合使用,当事件发生时函数才会执行。
什么是事件流?
事件流 描述的是从页面中接受事件的顺序。IE的事件流是 事件冒泡流 ,而Netscape的事件流是 事件捕获流 。
事件冒泡,即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上转播至最不 具体的节点(文档)。
事件捕获,即事件最开始由不太具体的节点接收,而最具体的节点最后接收到事件。
一、HTML事件处理程序
即在HTML代码中添加事件处理程序,如下面代码:
<html><body> <input type="button" value="按钮" onclick="clickEvent()"> <script> function clickEvent() { alert("HTML事件处理程序"); } </script></body></html>
缺点: HTML和JavaScript代码紧密耦合,如果要更换事件处理程序,就必须改动HTML代码和JavaScript代码。
JavaScript 使我们有能力创建动态页面,事件是可以被 JavaScript 侦测到的行为。网页中的每个元素都可以产生某些可以触发 JavaScript 函数的事件。比方说,我们可以在用户点击某按钮时产生一个 onClick 事件来触发某个函数。JavaScript 事件参考手册
注意: 事件通常与函数配合使用,当事件发生时函数才会执行。
什么是事件流?
事件流 描述的是从页面中接受事件的顺序。IE的事件流是 事件冒泡流 ,而Netscape的事件流是 事件捕获流 。
事件冒泡,即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上转播至最不 具体的节点(文档)。
事件捕获,即事件最开始由不太具体的节点接收,而最具体的节点最后接收到事件。
一、HTML事件处理程序
即在HTML代码中添加事件处理程序,如下面代码:
<html><body> <input type="button" value="按钮" onclick="clickEvent()"> <script> function clickEvent() { alert("HTML事件处理程序"); } </script></body></html>
缺点: HTML和JavaScript代码紧密耦合,如果要更换事件处理程序,就必须改动HTML代码和JavaScript代码。

