JS檢測(cè)頁(yè)面中哪個(gè)HTML標(biāo)簽觸發(fā)點(diǎn)擊事件的方法
本文實(shí)例講述了JS檢測(cè)頁(yè)面中哪個(gè)HTML標(biāo)簽觸發(fā)點(diǎn)擊事件的方法。分享給大家供大家參考,具體如下:
在html標(biāo)簽中,為了頁(yè)面顯示的美觀,會(huì)在標(biāo)簽中相互嵌套,在做“效果”的時(shí)候就難免不了的添加各種事件,例如:
<a href=""><span onclick="">dddd</span></a>
當(dāng)用戶點(diǎn)擊的時(shí)候,想確定是鏈接產(chǎn)生的事件還是span標(biāo)簽onclick標(biāo)簽產(chǎn)生的事件,這個(gè)有時(shí)候是很有必要的,至少我認(rèn)為在調(diào)試的時(shí)候有作用,因此我寫(xiě)了一個(gè)簡(jiǎn)單的demo,用于各位看官學(xué)習(xí)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <script type="text/javascript"> //得到觸發(fā)事件的控件 function test(obj){ //下面這種方式用來(lái)檢測(cè)到底是哪個(gè)空間觸發(fā)的事件的工具 alert(window.event.srcElement.tagName); } </script> <title>無(wú)標(biāo)題文檔</title> </head> <body> <input type="button" value="test" onclick="test(this)"/> <button type="button" value="test" onclick="test(this)">ddddd</button> <span type="button" value="test" onclick="test(this)">span</span> </body> </html>
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動(dòng)畫(huà)特效與技巧匯總》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
JS動(dòng)態(tài)修改iframe內(nèi)嵌網(wǎng)頁(yè)地址的方法
這篇文章主要介紹了JS動(dòng)態(tài)修改iframe內(nèi)嵌網(wǎng)頁(yè)地址的方法,涉及javascript動(dòng)態(tài)修改iframe中src屬性的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-04-04[js高手之路]設(shè)計(jì)模式系列課程-發(fā)布者,訂閱者重構(gòu)購(gòu)物車的實(shí)例
下面小編就為大家?guī)?lái)一篇[js高手之路]設(shè)計(jì)模式系列課程-發(fā)布者,訂閱者重構(gòu)購(gòu)物車的實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08JavaScript中跨標(biāo)簽頁(yè)通信的常見(jiàn)方式
跨標(biāo)簽頁(yè)通信是指在瀏覽器中的不同標(biāo)簽頁(yè)之間進(jìn)行數(shù)據(jù)傳遞和通信的過(guò)程,這篇文章為大家整理了幾個(gè)常見(jiàn)的跨標(biāo)簽頁(yè)通信方式,感興趣的小伙伴可以了解下2023-10-10JS實(shí)現(xiàn)登錄頁(yè)密碼的顯示和隱藏功能
在登錄頁(yè)經(jīng)常會(huì)用到通過(guò)點(diǎn)擊文本框的類似小眼睛圖片來(lái)實(shí)現(xiàn)隱藏顯示密碼的功能。下面給大家介紹基于JS實(shí)現(xiàn)登錄頁(yè)密碼的顯示和隱藏功能,需要的朋友參考下吧2017-12-12JavaScript使用delete刪除數(shù)組元素用法示例【數(shù)組長(zhǎng)度不變】
這篇文章主要介紹了JavaScript使用delete刪除數(shù)組元素用法,結(jié)合實(shí)例形式分析了delete刪除數(shù)組元素的具體用法與注意事項(xiàng),需要的朋友可以參考下2017-01-01使用Cookies保存網(wǎng)站歷史瀏覽記錄實(shí)例代碼
仿淘寶網(wǎng)的最近瀏覽記錄功能,喜歡的朋友可以參考下。2010-07-07JS實(shí)現(xiàn)太極旋轉(zhuǎn)思路分析
本文主要對(duì)JS實(shí)現(xiàn)太極旋轉(zhuǎn)的思路進(jìn)行分析,步驟清晰,簡(jiǎn)短的文字,深入的理解。需要的朋友可以看下2016-12-12