`

Event.srcElement 属性介绍

 
阅读更多

1.event.srcElement.parentNode.tagName;
得到上一个节点的标签名称
eg:
<div style="border:10px red solid">
<input type="button" value="父元素标签" onclick="alert(event.srcElement.parentNode.tagName)">
</div>

event.srcElement的子标签 和父标签:

第一个子标签为
event.srcElement.firstChild
最后个一个是
event.srcElement.lastChild
当然也可以用
event.srcElement.children[i]
event.srcElement.ChildNode[i]
至于event.srcElement.parentElement是指在鼠标所在对象的上一个对象

2.event.srcElement.tagName 得到点击位置的标签名称

3.event.srcElement.parentElement.title 得到上一节点标签名称和title属性值

eg:
<table border=1 width="200">
<tr title="tr测试" onclick="alert(event.srcElement.parentElement.title)"><td>tr</td></tr>
</table>

4.event.srcElement.title 得到当前标签title属性值

<table border=1 width="200">
<tr><td title="td测试" onclick="alert(event.srcElement.title)">td</td></tr>

5.event.srcElement.options[event.srcElement.selectedIndex].value

<select name="selectname" onchange="alert(event.srcElement.options[event.srcElement.selectedIndex].value)" >
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</table>

event.srcElement.id
event.srcElement.tagname
event.srcElement.type
event.srcElement.value
event.srcElement.name
event.srcElement.classname
event.srcElement.parentelement
event.srcElement.getattribute
event.srcElement.children
event.srcElement.lastChild
event.srcElement.ChildNode
event.srcElement.selectedIndex

总之 常用的也就 event.srcElement.value ..得到钱标记的各种属性值
event.srcElement.parentElement.各属性
event.srcElement.各标签属性
event.srcElement.parentNode 上一节点

分享到:
评论

相关推荐

    event和srcElement说明,方法,技巧

    本文主要介绍`event`对象中的`srcElement`属性,以及在不同浏览器中的兼容性问题。同时,我们还将探讨如何在不同的环境中正确地使用`event`对象。 #### 二、event.srcElement `event.srcElement`是`event`对象的一...

    event.srcElement 用法笔记e.target

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

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

    例如,在IE浏览器中,事件对象包含srcElement属性,而在Firefox及其他遵循DOM标准的浏览器中,则使用target属性。尽管两者在不同浏览器中的实现有所不同,但其功能是相似的,即指向触发事件的元素。通过event....

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

    只要在外层上写一个 然后检查event.srcElement.tagName或其他属性是不是你想要的来决定是否响应事件就可以了.不过好像event.srcElement在ff里不起作用 比如 span div event对象指当前触发的事件对象, window.event...

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

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

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

    综上所述,文档详细介绍了window.event.srcElement属性,以及在不同浏览器中获取事件源的兼容性写法。通过getEvent()函数,可以有效解决跨浏览器事件源获取的问题,使得事件处理代码具备更好的兼容性和简洁性。

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

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

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

    `srcElement`是`window.event`的一个属性,它指的是触发当前事件的元素。这在IE浏览器中非常常用,因为在旧版IE中,事件对象不会被自动传递给事件处理函数,需要通过`window.event`来访问。在标准浏览器中,事件对象...

    parentElement,srcElement的使用小结

    `srcElement` 属性在事件处理函数中用于引用触发事件的元素,这个属性是IE特有的,而在其他浏览器中,对应的属性是 `event.target`。在示例中,`event.srcElement.tagName` 用于获取触发事件的元素的标签名,如 "TD...

    鼠标拖动事件应用

    srcElement += "event.srcElement.parentElement.id: " + event.srcElement.parentElement.id + "\n"; // 展示信息 $("#" + event.srcElement.id).html(srcElement); } ``` #### 三、扩展思考 尽管本示例仅展示...

    javascript之Event详解[定义].pdf

    srcElement属性用于检查触发事件的元素。语法:event.srcElement 可能的值:这是一个可读的对象,表示触发事件的元素。 17. srcFilter属性 srcFilter属性用于检查触发事件的过滤器。语法:event.srcFilter 可能的值...

    利用jQuery的$.event.fix函数统一浏览器event事件处理

    例如,在Internet Explorer(IE)浏览器中获取触发事件的元素引用使用的是event.srcElement属性,而在基于Gecko引擎的FireFox(FF)浏览器中使用的是event.target属性。类似这样的差异性,还包括获取鼠标光标相对...

    兼容IE和Firefox获得keyBoardEvent对象

    IE中event对象有srcElement属性,但是没有target属性;Firefox中event对象有target属性,但是没有srcElement属性。解决方法是使用obj(obj = event.srcElement ? event.srcElement : event.target;)来代替IE下的event...

    JavaScript中解决多浏览器兼容性23个问题的快速解决方法

    10. event.srcElement与event.target问题:在IE浏览器中,event对象有srcElement属性,但在Firefox浏览器中,event对象有target属性。为了解决这一兼容性问题,可以使用srcObj=event.srcElement?event.srcElement:...

    javascript js 技巧集

    console.log(event.srcElement.tagName); // 输出 "BUTTON" }); ``` **2. `event.srcElement.type`** - **作用**:获取触发事件的元素的类型(如 input 的 type 属性)。 - **示例**: ```javascript ...

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

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

Global site tag (gtag.js) - Google Analytics