当前位置:软件学堂 > 资讯首页 > 网络编程 > 编程其他 > 弹出鼠标所指的链接地址代码怎么写

弹出鼠标所指的链接地址代码怎么写

2012/10/29 11:31:05作者:佚名来源:网络

移动端

【实例名称】

弹出鼠标所指的链接地址

【实例描述】

当用户查看网页中的链接时,有时需要了解这些链接的详细URL地址。为了方便用户操作可将这些地址显示在状态栏中,也可以通过对话框的形式提示用户。本例将介绍对话框式的链接地址提示功能。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页-学无忧(www.xue51.com)</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对象的触发器“event.srcElement”此触发器获取触发当前事件的控件,本例通过“tagName”属性判断此控件是否为链接。如果是,则显示链接的URL地址,代码为“event.srcElement.href”。

【源码下载】

如果你不愿复制代码及提高代码准确性,你可以点击:弹出鼠标所指的链接地址 进行本实例源码下载 

标签: 鼠标