Javascript 捕捉鼠标左击事件

最新推荐文章于 2025-05-19 11:10:45 发布

Sing-Z

最新推荐文章于 2025-05-19 11:10:45 发布

阅读量2k

点赞数

CC 4.0 BY-SA版权

分类专栏： Web开发文章标签： javascript generator firefox ie

本文链接：https://blog.youkuaiyun.com/esinzhong/article/details/3116326

Web开发专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种使用JavaScript捕捉鼠标点击事件并判断是否点击链接的方法。通过监听click事件，获取目标元素及其href属性来实现功能。提供了兼容不同浏览器的示例代码。

今天同事个javascript的小问题问我：javascript如何捕捉鼠标的点击事件是点击了链接？
以下是我处理的一点小心得：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<SCRIPT   language="JavaScript">   
  if (window.Event)   
      document.captureEvents(Event.MOUSEUP);
  function   myclick(e){   
    try{
        var  target;
        if   (window.Event)   
        {   
            if(e.which==1){
                target = e.target || e.srcElement; // 获得事件源 
                //获取想要的属性
                alert(target.getAttribute('href'));
            }
        }   
        else
        {
            if(event.button==0){ 
                target = event.target || event.srcElement; // 获得事件源 
                //获取想要的属性
                alert(target.href);
            }
        }
    }
    catch(e){ 
        //alert(e)
    }
}   
document.onclick = myclick;
</SCRIPT>
<a id="id1"  href="http://www.google.com">link01</a><br>
<a  href="javascript:void(0);">link02</a><br>
<a  href="#" onclick="javascript:alert(0);">link03</a>
</BODY>
</HTML>