生活随笔
收集整理的這篇文章主要介紹了
window.event.srcElement (转)
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
srcElement??
event.srcElement指向觸發(fā)事件的node元素??
? 用于確定事件源
是事件初始目標(biāo)的html元素對(duì)象引用,因?yàn)槭录ㄟ^元素容器層次冒泡,可以在任一層進(jìn)行處理,所以由一個(gè)屬性指向產(chǎn)生初始事件的元素是很有幫助的.有了元素的引用,就可以讀/寫改元素的屬性,并調(diào)用他的任何方法.??
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???adminim???veniam,???<SPAN???CLASS="bold">quis???nostrud????? ????exercitation???</SPAN>ullamco???laboris???nisi???ut???aliquip???ex???ea????? ????<SPAN???CLASS="bold">commodo???consequat</SPAN>.??? ????</P>??? ????</BODY>??? ????</HTML>???
總結(jié)
以上是生活随笔為你收集整理的window.event.srcElement (转)的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。
