`

js中event.srcElement和event.target

 
阅读更多

event.srcElement:

当前事件的源DOM Element;

 

event.target:

当前事件所在的目标DOM Element (触发该事件的节点);

 

注意:获得的是dom,如果使用jQuery需要使用jQuery(event.srcElement)

 

实际上二者是同一个东西,只是在不同的浏览器下不同的属性而已:

Firefox下,event对象有target属性,但是没有srcElement属性,其它浏览器下,如IE、safari,event对象有srcElement属性,但是没有target属性;跨浏览器兼容时,可以使用以下代码:

var tgt = event.srcElement ? event.srcElement : event.target;

jQuery(tgt).parents().find(".class").attr("id");

 

 

 

分享到:
评论

相关推荐

    event和srcElement说明,方法,技巧

    ### event和srcElement详解 #### 一、概述 在Web开发中,事件处理是非常重要的一个环节,它使得页面能够响应用户的交互行为。`event`对象是JavaScript中的一个重要对象,用于捕获用户或浏览器的动作,例如点击按钮...

    js中的触发事件对象event.srcElement与event.target详解

    总的来说,event.srcElement和event.target在JavaScript中是非常有用的属性,可以帮助我们获取触发事件的源元素,进而对这些元素进行进一步的操作,比如获取元素的属性、修改样式等。通过它们,我们可以实现对元素更...

    event.srcElement 用法笔记e.target

    `event.srcElement` 是在JavaScript中处理DOM事件时的一个属性,主要用于获取触发事件的元素。这个属性在Internet Explorer浏览器中被广泛使用,而Firefox和其他遵循W3C标准的浏览器则使用`event.target`来达到相同...

    IE event.srcElement和FF event.target 功能比较

    在JavaScript事件处理中,`event.srcElement` 是 Internet Explorer 浏览器特有的属性,用于获取事件发生时的源元素,而 `event.target` 是在 Firefox、Chrome、Safari 和其他遵循 W3C 规范的浏览器中使用,作用相同...

    js事件源window.event.srcElement兼容性写法(详解)

    在IE浏览器中,可以通过`window.event.srcElement`来获取事件源,而在Firefox和其他遵循W3C标准的浏览器中,应使用`event.target`。 `window.event.srcElement`是IE特有的,它返回的是当前事件的源对象,即触发事件...

    替代window.event.srcElement效果的可兼容性的函数

    在JavaScript编程中,特别是在处理事件时,`window.event` 是一个内置对象,它提供了与当前事件相关的各种信息,如事件的目标元素(`event.srcElement` 在IE中,`event.target` 在非IE浏览器中)。然而,`window....

    JS中的THIS和WINDOW.EVENT.SRCELEMENT详解

    在JavaScript编程中,`this`关键字和`window.event.srcElement`是两个非常重要的概念,它们在事件处理和函数上下文管理中扮演着重要的角色。对于JavaScript的初学者来说,理解这两个概念是十分必要的,因为这不仅...

    window.event.srcElement 得到事件源对象

    虽然在标准的DOM事件模型中,这个属性被`event.target`所替代,但在兼容旧版IE(尤其是IE8及以下版本)的代码中,`srcElement`仍然是一个实用的属性。 `window.event` 是IE浏览器特有的全局事件对象,它包含了与...

    parentElement,srcElement的使用小结

    在JavaScript中,`parentElement` 和 `srcElement` 是与事件处理有关的两个属性,它们在处理DOM元素和事件流时非常有用。本文将详细解释这两个属性以及它们在实际应用场景中的使用。 首先,`parentElement` 是一个...

    JavaScript兼容浏览器FFIE技巧[定义].pdf

    - IE中的event.srcElement对应FF中的event.target。解决方案:`var obj = event.srcElement ? event.srcElement : event.target;` 4. **事件目标(toElement)**: - 解决方法:`var target = e.relatedTarget ||...

    javascript快捷键

    window.open(event.srcElement.url, event.srcElement.getAttribute("target")); } else { window.location = event.srcElement.url; } } } ``` 这段JavaScript代码实现了几个核心功能: 1. **显示菜单**:`...

    HTML在IE浏览器和FF浏览器中标签的使用

    - **event.srcElement与event.target**:IE使用srcElement,FF使用target。使用`obj = event.srcElement ? event.srcElement : event.target`进行兼容。 - **event.toElement与relatedTarget**:IE有toElement,FF...

    Javascript之event大全

    了解和熟练掌握JavaScript中的Event机制对于开发响应式和交互式的Web应用至关重要。通过监听和处理各种事件,开发者可以创建丰富的用户体验,如动态更新内容、响应用户输入、实现动画效果等。在实际开发中,还可以...

    同时兼容IE和FireFox的事件处理event代码--添加文件上传例子

    在事件处理函数中,`event`对象包含`target`属性,可以获取触发事件的元素,以及`files`属性,存储了用户选择的所有文件。例如: ```javascript document.getElementById('fileInput').addEventListener('change',...

    [JS]详尽解析window.event对象

    除了上述属性,`window.event`对象还包含其他属性,如`shiftKey`(检查Shift键状态)、`srcElement`(触发事件的元素,IE中等同于`target`)和`type`(事件类型),以及一些与鼠标和键盘交互相关的属性,如`offsetX`...

    javascript兼容性解决方法大全

    对于`event.srcElement`和`event.target`,IE和FF各有自己的实现。在IE下,可以使用`event.srcElement`获取触发事件的元素,而在FF下则是`event.target`。为实现兼容,可以使用如下代码: ```javascript var target...

Global site tag (gtag.js) - Google Analytics