srcElement
event.srcElement指向触发事件的node元素
用于确定事件源
是事件初始目标的html元素对象引用,因为事件通过元素容器层次冒泡,可以在任一层进行处理,所以由一个属性指向产生初始事件的元素是很有帮助的.有了元素的引用,就可以读/写改元素的属性,并调用他的任何方法.
<HTML>
<HEAD>
<TITLE>srcElement Property</TITLE>
<STYLE TYPE="text/css">
.bold {
font-weight: bold
}
.ital {
font-style: italic
}
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
function highlight() {
var elem = event.srcElement
if (elem.className == "bold") {
document.styleSheets[0].rules[0].style.color = "red"
} else {
elem.style.color = "#FFCC00"
}
}
function restore() {
var elem = event.srcElement
if (elem.className == "bold") {
document.styleSheets[0].rules[0].style.color = ""
} else {
elem.style.color = ""
}
}
</SCRIPT>
</HEAD>
<BODY onMouseDown="highlight()" onMouseUp="restore()">
<H1>srcElement Property</H1>
<HR>
<P>One event handler...</P>
<UL>
<LI>Can
<LI>Cover
<LI>Many
<LI>Objects
</UL>
<P>
Lorem ipsum dolor sit amet, consectetaur adipisicing elit,
<SPAN CLASS="bold">sed do </SPAN>eiusmod tempor incididunt
<SPAN CLASS="ital">ut labore et </SPAN>
dolore magna aliqua. Ut enim adminimveniam,
<SPAN CLASS="bold">quis nostrud exercitation </SPAN>
ullamcolaboris nisi ut aliquip ex ea
<SPAN CLASS="bold">commodoconsequat</SPAN>
</P>
</BODY>
</HTML>
分享到：
相关推荐
只要在外层上写一个 然后检查event.srcElement.tagName或其他属性是不是你想要的来决定是否响应事件就可以了.不过好像event.srcElement在ff里不起作用 比如 span div event对象指当前触发的事件对象, window.event...
在IE浏览器中，可以通过`window.event.srcElement`来获取事件源，而在Firefox和其他遵循W3C标准的浏览器中，应使用`event.target`。 `window.event.srcElement`是IE特有的，它返回的是当前事件的源对象，即触发事件...
在JavaScript编程中，特别是在处理事件时，`window.event` 是一个内置对象，它提供了与当前事件相关的各种信息，如事件的目标元素（`event.srcElement` 在IE中，`event.target` 在非IE浏览器中）。然而，`window....
if (window.event.srcElement.tagName == "IMG") { alert(window.event.srcElement.src); } } ()"> ()" src="/sample.gif" /> ``` 在这个示例中，当用户点击图像时，如果同时按下了Shift键，则会阻止事件...
除了上述属性，`window.event`对象还包含其他属性，如`shiftKey`（检查Shift键状态）、`srcElement`（触发事件的元素，IE中等同于`target`）和`type`（事件类型），以及一些与鼠标和键盘交互相关的属性，如`offsetX`...
例如，在Internet Explorer（IE）浏览器中，可以直接通过`window.event`来获取当前触发事件的信息；而在其他非IE浏览器（如Firefox）中，则需要通过其他方式来获取事件对象。这导致了在编写跨浏览器兼容性良好的代码...
但当需要在不支持标准事件对象传递的浏览器中处理事件时，比如IE浏览器，可以使用`window.event.srcElement`来获取触发事件的元素，例如`alert(window.event.srcElement.value);`。 为了处理跨浏览器的兼容性问题，...
} else if (window.event.srcElement.tagName == "A" && window.event.shiftKey) { // Shift + 鼠标左键打开新标签页 window.event.returnValue = false; } } ``` 此外，还可以屏蔽`Alt`键组合的功能： ```...
12. `srcElement`: 表示触发事件的元素，对于IE浏览器，它与`event.target`类似，但在非IE浏览器中，应使用`event.target`。 13. `srcFilter`: 这个属性主要在旧版本的IE中用于过滤事件源。 14. `type`: 返回事件...
if (window.event.srcElement.tagName == "A" && window.event.shiftKey) { // Shift + 鼠标点击链接 window.event.returnValue = false; } if ((window.event.altKey) && (window.event.keyCode == 115)) { // ...
if (window.event.srcElement.tagName === "A" && window.event.shiftKey) { window.event.returnValue = false; } } ()"> <a href="https://example.com">点击这里 ``` 在这个例子中，当用户在链接上...
event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey ...
在IE浏览器中，可以使用`window.event.srcElement`；而在标准浏览器中，如Firefox、Chrome等，我们使用`event.target`来获取事件源。通过`target.nodeName`，我们可以判断触发事件的元素是什么类型的标签。 以下是...
var cal_Width = 180;//定义日历显示的宽度，至少140 document.write("; z-index: 9999; width: " + (cal_Width+4)....= window.event.srcElement) hiddenCalendar(); } function WebCalendar() //初始化日历的设置 {
} else if (window.event.srcElement) { // IE return window.event.srcElement; } } ``` 跨扫描器获取滚动条位置 在 JavaScript 中，获取滚动条位置可以使用 `scrollTop` 属性或 `scrollLeft` 属性。下面是一...
因为javascript的事件模型有三种，它们分别是NN4、IE4+和W3C/Safari;这也造成了在不同的浏览器中处理event的差异，这里结合一些零碎的代码来说明如何做到... var eventSource =window.event.srcElement||eventTag.tar