window.event.srcElement

最新推荐文章于 2021-04-26 16:36:15 发布

zyuanq

最新推荐文章于 2021-04-26 16:36:15 发布

阅读量244

点赞数

分类专栏： ext基础文章标签： HTML

ext基础专栏收录该内容

72 篇文章 0 订阅

订阅专栏

srcElement
event.srcElement指向触发事件的node元素
用于确定事件源
[color=red]是事件初始目标的html元素对象引用,因为事件通过元素容器层次冒泡,可以在任一层进行处理,所以由一个属性指向产生初始事件的元素是很有帮助的.有了元素的引用,就可以读/写改元素的属性,并调用他的任何方法. [/color]


<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>

zyuanq

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
window.event.srcElement

srcElement event.srcElement指向触发事件的node元素用于确定事件源 [color=red]是事件初始目标的html元素对象引用,因为事件通过元素容器层次冒泡,可以在任一层进行处理,所以由一个属性指向产生初始事件的元素是很有帮助的.有了元素的引用,就可以读/写改元素的属性,并调用他的任何方法. [/color][code="html"]...
复制链接

扫一扫