JS檢測頁面中哪個(gè)HTML標(biāo)簽觸發(fā)點(diǎn)擊事件的方法
本文實(shí)例講述了JS檢測頁面中哪個(gè)HTML標(biāo)簽觸發(fā)點(diǎn)擊事件的方法。分享給大家供大家參考,具體如下:
在html標(biāo)簽中,為了頁面顯示的美觀,會(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í)候有作用,因此我寫了一個(gè)簡單的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){ //下面這種方式用來檢測到底是哪個(gè)空間觸發(fā)的事件的工具 alert(window.event.srcElement.tagName); } </script> <title>無標(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)畫特效與技巧匯總》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
JS動(dòng)態(tài)修改iframe內(nèi)嵌網(wǎng)頁地址的方法
這篇文章主要介紹了JS動(dòng)態(tài)修改iframe內(nèi)嵌網(wǎng)頁地址的方法,涉及javascript動(dòng)態(tài)修改iframe中src屬性的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-04-04[js高手之路]設(shè)計(jì)模式系列課程-發(fā)布者,訂閱者重構(gòu)購物車的實(shí)例
下面小編就為大家?guī)硪黄猍js高手之路]設(shè)計(jì)模式系列課程-發(fā)布者,訂閱者重構(gòu)購物車的實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-08-08JavaScript使用delete刪除數(shù)組元素用法示例【數(shù)組長度不變】
這篇文章主要介紹了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)思路分析
本文主要對JS實(shí)現(xiàn)太極旋轉(zhuǎn)的思路進(jìn)行分析,步驟清晰,簡短的文字,深入的理解。需要的朋友可以看下2016-12-12