`

获取事件对象和目标对象

阅读更多

来源:http://www.hxstrive.com/article/1.htm

 

获取事件对象

window.onload = function(){
  var obj = document.getElementById("test");

  obj.onclick = function(event){
    // W3C的event对象直接通过函数参数传递过来(arguments[0])
    // IE的event对象绑定到window对象上面
    var evt = event || window.event;
    alert(evt); 
  };
};

 获取目标对象

<html>
  <head>
    <title>get target</title>
    <script type='text/javascript'>
       window.onload = function(){
         var obj = document.getElementById("test");

		 obj.onclick = function(event) {
		    // 获取事件对象
			var evt = event || window.event;

			// 获取事件触发的目标对象
			// W3C标准(非IE): evt.target
			// IE:evt.srcElement
			var src = evt.target || evt.srcElement;
			
			// 当点击div(非h3)标签上显示DIV,点击h3标签上显示H3
			alert(src.tagName); 
		 };
       };
    </script>
  </head>
  <body>

    <div style='height: 200px; width: 200px; background-color: green; padding: 30px;' id="test">
      <h3 style='background-color: red;'>点击我......</h3>
    </div>

   <body>
</html>

 

分享到:
评论

相关推荐

    在spring中获取代理对象代理的目标对象工具类

    通过这个方法,我们可以获取到代理对象的目标源(`TargetSource`),它封装了目标对象和它的生命周期管理。 - `getTarget(Object proxy)`:这是最常用的方法,它直接返回代理对象的实际目标。如果代理对象是JDK动态...

    选中对象,获取邻接对象属性值

    在GIS(地理信息系统)开发中,经常会涉及到对地图对象的操作,比如选中对象以及获取对象的相关属性。在本文中,我们将深入探讨如何在基于SuperMap .NET平台的iObject技术中,实现“选中对象,获取邻接对象属性值”...

    js中获取事件对象的方法小结

    在JavaScript中,事件对象是用来处理用户与网页交互的接口,它包含了有关触发事件的各种信息,如事件类型、事件目标等。在不同的浏览器环境下,获取事件对象的方法略有不同,本篇文章将对JavaScript中获取事件对象的...

    在中WebBrowser加载Excel后获取excel对象

    标题“在中 WebBrowser 加载 Excel 后获取 excel 对象”表明了我们要实现的目标,即在 WebBrowser 控件中加载 Excel 文件,并获取 Excel 对象,以便进行后续的操作。 描述解释 描述中提到“在中 WebBrowser 加载 ...

    易语言获取COM对象的类型名称

    QueryInterface方法用于获取对象的其他接口,这正是我们获取类型名称的关键。 3. **查询ITypeInfo接口**:调用IUnknown的QueryInterface方法,传入IID_ITypeInfo(ITypeInfo接口的ID)作为参数,可以得到ITypeInfo...

    JavaScript事件对象深入详解

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

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

    事件对象是一种特殊的对象,它包含了事件的详细信息,例如事件类型、事件目标、事件坐标等。 事件对象的使用 事件对象可以通过多种方式attach到HTML元素上,例如使用addEventListener方法或attachEvent方法。...

    《javascript》——event对象与事件

    Event 对象的使用可以分为两个方面:事件处理和事件绑定。事件处理是指在事件发生时执行的函数或代码,而事件绑定是指将事件处理函数绑定到某个元素上,使得该元素能够响应用户的交互行为。 常见的事件类型包括: ...

    Qt 反射机制实现,通过类名创建对象

    反射是指程序在运行时动态获取对象属性与方法的一种机制,即编译器需要将类型信息(属性类型与偏移地址以及成员函数的地址等信息)编译到程序文件中,当程序运行时将这些信息加载到内存中去,做到运行时只根据对象的...

    在每个对象上,这个事件处理函数只会被执行一次。其他规则与bind()函数相同。这个事件处理函数会接收到一个事件对象,可以通过它来阻止(浏览器)默认的行为。如果既想取消默认的行为,又想阻止事件起泡,这个事件处理函数必须返回false。

    当事件触发时,浏览器会创建一个事件对象,这个对象包含了关于事件的所有信息,如事件类型、目标元素等。事件处理函数可以接收到这个事件对象作为参数,通过它来获取更多信息或进行进一步操作。 4. **阻止浏览器...

    第09章 事件对象(下)

    事件的传播有三个阶段:捕获阶段(从最外层元素向目标元素)、目标阶段(事件发生在目标元素上)和冒泡阶段(从目标元素向最外层元素)。通过`eventPhase`,我们可以知道事件是在哪个阶段被处理的。 此外,`...

    电信设备-一种获取目标对象信息的方法及装置.zip

    本文将深入探讨标题"电信设备-一种获取目标对象信息的方法及装置"所涵盖的知识点,并基于提供的描述和文件名进行详细阐述。 首先,我们要理解“电信设备”这一概念。电信设备是指用于电信服务的硬件和软件,包括...

    Javascript中的事件--Event对象

    在IE中,事件对象通常通过`window.event`获取,而不是作为事件处理器的第一个参数。此外,IE使用`srcElement`属性代替`target`,并且不支持`eventPhase`、`preventDefault()`和`stopPropagation()`等现代事件处理...

    菜鸟教程002 目标对象的中心点与源对象的中心点对齐,获取对象中心坐标

    菜鸟教程002 目标对象的中心点与源对象的中心点对齐,获取对象中心坐标

    frida反射调用对象中的方法与字段.pdf

    本文主要讲解了在遇到需要操作Java对象的参数或返回值时,如何利用Frida这一动态代码插桩工具来进行反射调用,包括调用对象的方法和获取对象的字段。Frida是一个强大的动态代码插桩工具,它可以注入到几乎所有的进程...

    易语言对象获取跳转页面源码

    "对象获取跳转页面源码"这个标题暗示了我们正在讨论的是关于网络编程,特别是涉及网页跳转的代码实现。在易语言中,这通常涉及到HTTP协议、URL处理和网页解析等概念。 首先,我们要理解什么是对象。在编程中,对象...

    [jQuery入门到精通]第5章:事件与事件对象[收集].pdf

    事件对象则是事件触发时所携带的信息集合,包含了许多与事件相关的属性和方法,如事件类型、目标元素等。本章将深入探讨jQuery中的事件处理和事件对象的使用。 首先,jQuery提供了简便的事件绑定方法,如`.on()`,...

    matlab开发-获取所有图形对象的句柄

    通过以上方法,我们不仅可以获取所有图形对象的句柄,还可以构建出它们的层次结构,这对于复杂的图形界面管理和自动化操作非常有用。在实际应用中,你可以根据需要对`childinfo`函数进行扩展,添加更多细节信息,如...

Global site tag (gtag.js) - Google Analytics