JS中如何深入分析事件流与事件处理程序实例?

更新于
2026-10-01 08:41:49
0阅读来源:SEO基础
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计1050个文字,预计阅读时间需要5分钟。

JS中如何深入分析事件流与事件处理程序实例?

本文以实例讲述了JS事件流与事件处理程序。

分享给广大家长供参考,内容如下:

1. 事件流: 1.1 IE:事件冒泡流 1.2 Netscape:事件捕获流 1.3 DOM事件流:事件捕获阶

本文实例讲述了JS事件流与事件处理程序。分享给大家供大家参考,具体如下:

1.事件流:从页面中接收事件的顺序

1.1 IE :事件冒泡流
1.2 Netscape :事件捕获
1.3 DOM事件流 :事件捕获阶段——事件目标阶段——事件冒泡阶段
DOM2级事件规定 :捕获阶段不会涉及目标事件。

2.事件处理程序

事件 :用户或者浏览器自身执行的 某种动作
事件处理程序 :响应某个事件的 函数 。

2.1 HTML事件处理程序

用一个与该事件处理程序同名的HTML特性来指定。

2.1.1包含要执行的具体动作

<input type="button" value="Click me" onclick="alert('Clicked')"/>

2.1.2 调用其他地方定义的脚本

<input type="button" value="Click me" onclick="showMessage()"/>

2.1.3 缺点

  • 1.时差问题:使用try-catch块捕捉错误。
阅读全文

本文共计1050个文字,预计阅读时间需要5分钟。

JS中如何深入分析事件流与事件处理程序实例?

本文以实例讲述了JS事件流与事件处理程序。

分享给广大家长供参考,内容如下:

1. 事件流: 1.1 IE:事件冒泡流 1.2 Netscape:事件捕获流 1.3 DOM事件流:事件捕获阶

本文实例讲述了JS事件流与事件处理程序。分享给大家供大家参考,具体如下:

1.事件流:从页面中接收事件的顺序

1.1 IE :事件冒泡流
1.2 Netscape :事件捕获
1.3 DOM事件流 :事件捕获阶段——事件目标阶段——事件冒泡阶段
DOM2级事件规定 :捕获阶段不会涉及目标事件。

2.事件处理程序

事件 :用户或者浏览器自身执行的 某种动作
事件处理程序 :响应某个事件的 函数 。

2.1 HTML事件处理程序

用一个与该事件处理程序同名的HTML特性来指定。

2.1.1包含要执行的具体动作

<input type="button" value="Click me" onclick="alert('Clicked')"/>

2.1.2 调用其他地方定义的脚本

<input type="button" value="Click me" onclick="showMessage()"/>

2.1.3 缺点

  • 1.时差问题:使用try-catch块捕捉错误。
阅读全文