當(dāng)前位置:軟件學(xué)堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > 編程其他 > 彈出鼠標(biāo)所指的鏈接地址代碼怎么寫

彈出鼠標(biāo)所指的鏈接地址代碼怎么寫

2012/10/29 11:31:05作者:佚名來源:網(wǎng)絡(luò)

移動端

【實例名稱】

彈出鼠標(biāo)所指的鏈接地址

【實例描述】

當(dāng)用戶查看網(wǎng)頁中的鏈接時,有時需要了解這些鏈接的詳細URL地址。為了方便用戶操作可將這些地址顯示在狀態(tài)欄中,也可以通過對話框的形式提示用戶。本例將介紹對話框式的鏈接地址提示功能。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>標(biāo)題頁-學(xué)無憂(wangbatian.cn)</title> </head> <body onmouseover="if (event.srcElement.tagName=='A') alert(event.srcElement.href)"> <a href="http://www.google.com" >Google搜索</a><br /> <a href="http://www.baidu.com" >百度搜索</a> </body> </html>

【運行效果】

運行效果

【難點剖析】

支例的難點是IE對象的觸發(fā)器“event.srcElement”此觸發(fā)器獲取觸發(fā)當(dāng)前事件的控件,本例通過“tagName”屬性判斷此控件是否為鏈接。如果是,則顯示鏈接的URL地址,代碼為“event.srcElement.href”。

【源碼下載】

如果你不愿復(fù)制代碼及提高代碼準(zhǔn)確性,你可以點擊:彈出鼠標(biāo)所指的鏈接地址 進行本實例源碼下載 

標(biāo)簽: 鼠標(biāo)  鏈接地址