`
frederick_hai
  • 浏览: 15518 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

javascript事件对象

阅读更多

javascript在触发DOM的事件时,会产生一个event对象,这个event对象包含了所有与事件有关的信息,包括触发事件的元素、事件的类型以及其他信息。

兼容DOM的浏览器会将event对象传入到事件处理程序中,//IE下的事件对象

 

var btn = document.getElementById("myBtn");
btn.onclick = function(){
       //DOM0级event事件对象在window中
       alert(window.event);
}

btn.attachEvent("onclick",function(event){
       //使用attachEvent会传入event对象
       alert(event);
       //当然也可以通过window访问event对象
       alert(window.event);
});

 

无论是DOM0级或DOM2级,都会传入event对象,例如:

 

var btn = document.getElementById("myBtn");
btn.onclick = function(event){
       alert(event.type);
};
btn.addEventListener("click",function(event){
        alert(event.type);
},false);
 

 

0
0
分享到:
评论

相关推荐

    JavaScript事件对象深入详解

    JavaScript事件对象是JavaScript编程中处理用户交互和动态更新页面的核心机制。事件对象(event object)包含了与事件相关的所有信息,如触发事件的元素、事件类型以及特定事件的额外数据。这篇深入详解将帮助我们理解...

    JavaScript 事件对象介绍

    JavaScript事件对象是JavaScript编程中的一个重要概念,它在事件处理中扮演着核心的角色。事件对象主要用于提供事件的上下文信息,允许开发者在事件处理函数中获取事件相关的详细信息,如事件类型、触发事件的元素、...

    浅谈Javascript事件对象

    在前端开发中,JavaScript事件是构成网页交互性的基础,而事件对象则扮演了传递事件相关信息的重要角色。本文将详细探讨JavaScript事件对象的相关知识,并通过实际的代码示例来加深理解。 首先,当一个事件处理器被...

    JavaScript事件对象event用法分析

    本文实例讲述了JavaScript事件对象event用法。分享给大家供大家参考,具体如下: 前面的文章已经介绍了JavaScript为事件指定处理程序的五种方式。 下面继续介绍JavaScript的事件对象event。 事件对象event包含导致...

    JavaScript 事件对象的实现

    综上所述,JavaScript事件对象的实现是基于构造函数、原型、this关键字以及函数的高阶特性构建的。这种实现方式使得在JavaScript中可以灵活地实现面向对象的编程,并且让开发者有能力根据应用需求创建自定义事件和...

    JavaScript面向对象编程指南

    《JavaScript面向对象编程指南》内容包括:JavaScript作为一门浏览器语言的核心思想;面向对象编程的基础知识及其在JavaScript中的运用;数据类型、操作符以及流程控制语句;函数、闭包、对象和原型等概念,以代码...

    JavaScript面向对象编程指南.pdf

    JavaScript作为一门浏览器语言的核心思想;面向对象编程的基础知识及其在... 《JavaScript面向对象编程指南》着重介绍JavaScript在面向对象方面的特性,展示如何构建强健的、可维护的、功能强大的应用程序及程序库

    JavaScript内置对象相关介绍及用法

    JavaScript内置对象相关介绍及用法ppt JavaScript内置对象相关介绍及用法

    event对象总结,更详细更全面

    JavaScript 事件对象总结 事件对象概述 JavaScript 事件对象是指在用户与浏览器交互时触发的事件,例如点击、键盘输入、鼠标移动等。事件对象是一种特殊的对象,它包含了事件的详细信息,例如事件类型、事件目标、...

    JavaScript内置对象(ppt)

    JavaScript内置对象(ppt)JavaScript内置对象(ppt)JavaScript内置对象(ppt)JavaScript内置对象(ppt)JavaScript内置对象(ppt)JavaScript内置对象(ppt)JavaScript内置对象(ppt)JavaScript内置对象(ppt)...

    面向对象JavaScript精要(英文原版pdf)

    ### 面向对象JavaScript精要 #### 一、书籍概览 本书《面向对象JavaScript精要》由Nicholas C. Zakas编写,是面向对象编程领域中的权威指南之一,尤其针对JavaScript这门语言。作者深入浅出地介绍了面向对象编程的...

    JavaScript事件和对象

    JavaScript事件和对象是JavaScript编程中不可或缺的部分,它们赋予网页动态性和交互性,使得用户与页面内容之间能够进行有效的沟通。事件驱动机制是JavaScript的核心特性之一,它允许开发者根据用户的特定行为(如...

    JavaScript面向对象基础.ppt

    8.3.1 JavaScript对象模型 JavaScript有全局对象、内置对象、宿主对象等层次结构,如DOM(文档对象模型)和BOM(浏览器对象模型)。 8.3.2 客户端对象层次介绍 客户端对象层次主要涉及浏览器提供的对象,如window、...

    JavaScript事件机制详细研究

    在 JavaScript 事件机制中,this 和 arguments 两个对象非常重要。这两个对象在事件 handler 中可以获取当前事件的信息,例如事件目标、事件类型、事件参数等。 JavaScript 事件机制是非常复杂的,它需要了解事件...

    理解JavaScript事件对象

    在触发DOM上的某个事件时,会产生一个事件对象event。 DOM中的事件对象 兼容DOM的浏览器会将一个event对象传入到事件处理程序中。event对象包含与创建它的特定事件有关的属性和方法。除法的事件类型不一样,可用的...

    第10节 JavaScript内置对象.rar

    第10节 JavaScript内置对象.rar第10节 JavaScript内置对象.rar第10节 JavaScript内置对象.rar第10节 JavaScript内置对象.rar第10节 JavaScript内置对象.rar第10节 JavaScript内置对象.rar第10节 JavaScript内置对象....

    JavaScript之Date对象(源代码)

    JavaScript之Date对象(源代码)JavaScript之Date对象(源代码)JavaScript之Date对象(源代码)JavaScript之Date对象(源代码)JavaScript之Date对象(源代码)JavaScript之Date对象(源代码)JavaScript之Date对象...

    javascript事件详解

    本文将详细介绍JavaScript事件,包括异步事件处理、事件阶段以及事件对象。 1. 异步事件处理 JavaScript不支持多线程处理,而是采用异步事件模型。这意味着当一个任务在执行时,如果有其他任务需要等待,JavaScript...

Global site tag (gtag.js) - Google Analytics