Javascript 捕捉鼠标左击事件

来源：互联网发布：海口医院招聘网络主管编辑：程序博客网时间：2024/06/05 07:05

今天同事个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>

其中alert(target.getAttribute('href')) 、alert(target.href);这是取被点击的对象的性，一个是firefox的写法，另一个是IE的写法，
这里的属性可以根椐自已的需要来取，最后判断取来是属性值就可以了。