首页 web前端 js教程 JavaScript事件处理器中的event参数使用介绍_基础知识

JavaScript事件处理器中的event参数使用介绍_基础知识

May 16, 2016 pm 05:33 PM
event 事件处理器

在大部分浏览器中,当一个事件处理器被触发时,名为Event的类实例会作为第一个参数传入处理器中。而一直占据主流地位的ie却以自己专的方式行事,将Event实例保存到一个名为event的全局属性中。

复制代码 代码如下:

if (!event) event=window.event;

上面的语句用来检测event参数是否为undefined或者null,如果是的话把window的event属性赋值给它,从而消除了浏览器差异。

为了获取目标元素的引用,在标准兼容的浏览器中使用target属性,在ie中则使用srcElement属性,通过对象检测来处理这种不一致性
复制代码 代码如下:

var target=(event.target) ? event.target : event.srcElement;

这个语句检查event.target的定义是否存在,如果存在,就把它的值赋给局部变量target;否则,将event.srcElement赋值给target。
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前 By 尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
4 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

PHP8.0中的事件处理库:Event PHP8.0中的事件处理库:Event May 14, 2023 pm 05:40 PM

PHP8.0中的事件处理库:Event随着互联网的不断发展,PHP作为一门流行的后台编程语言,被广泛应用于各种Web应用程序的开发中。在这个过程中,事件驱动机制成为了非常重要的一环。PHP8.0中的事件处理库Event将为我们提供一个更加高效和灵活的事件处理方式。什么是事件处理在Web应用程序的开发中,事件处理是一个非常重要的概念。事件可以是任何一种用户行

Steam 夏季特卖 - Valve 预告 AAA 游戏可享受 95% 的折扣,确认病毒游戏 Palworld 和内容警告的折扣 Steam 夏季特卖 - Valve 预告 AAA 游戏可享受 95% 的折扣,确认病毒游戏 Palworld 和内容警告的折扣 Jun 26, 2024 pm 03:40 PM

Steam 的夏季特卖此前曾举办过一些最优惠的游戏折扣,而今年 Valve 似乎又迎来了另一场全垒打。刚刚发布了一段预告片(请参见下文),其中展示了一些 Steam 夏季特卖折扣游戏。

Python之Pygame的Event事件模块怎么使用 Python之Pygame的Event事件模块怎么使用 May 18, 2023 am 11:58 AM

Pygame的Event事件模块事件(Event)是Pygame的重要模块之一,它是构建整个游戏程序的核心,比如常用的鼠标点击、键盘敲击、游戏窗口移动、调整窗口大小、触发特定的情节、退出游戏等,这些都可以看做是“事件”。事件类型Pygame定义了一个专门用来处理事件的结构,即事件队列,该结构遵循遵循队列“先到先处理”的基本原则,通过事件队列,我们可以有序的、逐一的处理用户的操作(触发事件)。下述表格列出了Pygame中常用的游戏事件:名称说明QUIT用户按下窗口的关闭按钮ATIVEEVENTPy

Vue 3中的事件处理器和修饰符,优化用户交互体验 Vue 3中的事件处理器和修饰符,优化用户交互体验 Sep 08, 2023 am 11:00 AM

Vue3中的事件处理器和修饰符,优化用户交互体验引言:在Vue3中,事件处理器和修饰符是用于优化用户界面交互体验的重要特性。事件处理器允许我们对用户操作作出响应,并执行相应的逻辑。而修饰符则提供了额外的控制和定制事件的行为。本文将详细介绍Vue3中的事件处理器和修饰符,并提供一些实用的代码示例。事件处理器:在Vue3中,我们可以通过v-on指令来绑定

Steam 夏季促销预告片预告 AAA 游戏优惠 95%,确认 Palworld、Stellaris 降价,内容警告 Steam 夏季促销预告片预告 AAA 游戏优惠 95%,确认 Palworld、Stellaris 降价,内容警告 Jun 26, 2024 am 06:30 AM

Steam 的夏季特卖此前曾举办过一些最优惠的游戏折扣,而今年 Valve 似乎又迎来了另一场全垒打。刚刚发布了一段预告片(请参见下文),其中展示了一些 Steam 夏季特卖折扣游戏。

Tesla 发出 Robotaxi 邀请参加 10 月 10 日在洛杉矶举行的自动驾驶演示活动 Tesla 发出 Robotaxi 邀请参加 10 月 10 日在洛杉矶举行的自动驾驶演示活动 Sep 27, 2024 am 06:20 AM

最初预计特斯拉将在今年 8 月推出之前泄露的 Robotaxi,但首席执行官埃隆·马斯克 (Elon Musk) 推迟了这一活动,理由是 Robotaxi 前部的美观发生了变化,并且在最后一刻需要额外的时间

在JavaScript中,当浏览器窗口调整大小时,这是哪个事件? 在JavaScript中,当浏览器窗口调整大小时,这是哪个事件? Sep 05, 2023 am 11:25 AM

使用window.outerWidth和window.outerHeight事件在JavaScript中获取窗口大小,当浏览器调整大小时。示例您可以尝试运行以下代码来使用事件检查浏览器窗口大小−<!DOCTYPEhtml><html>  <head>   <script>&am

Tesla Robotaxi 透露将于 10 月 10 日开始运营,并向部分股东发出邀请 Tesla Robotaxi 透露将于 10 月 10 日开始运营,并向部分股东发出邀请 Sep 26, 2024 pm 06:06 PM

最初预计特斯拉将在今年 8 月推出之前泄露的 Robotaxi,但首席执行官埃隆·马斯克 (Elon Musk) 推迟了这一活动,理由是 Robotaxi 前部的美观发生了变化,并且在最后一刻需要额外的时间

See all articles