怎样截获网页所有点击


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loosevent.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>测试</title>
<script>
function showZB2(){
div1.innerHTML = "client:" + "x = " + event.clientX + ",y = " + event.clientY;
document.getElementById("div1").style.top = event.clientY + document.documentElement.scrollTop + 10 + "px";
document.getElementById("div1").style.left = event.clientX + 50 + "px";div2.innerHTML = "offset:" + "x = " + event.offsetX + ",y = " + event.offsetY;
document.getElementById("div2").style.top = event.clientY + document.documentElement.scrollTop + 50 + "px";
document.getElementById("div2").style.left = event.clientX + 50 + "px";div3.innerHTML = "screen:" + "x = " + event.screenX + ",y = " + event.screenY;
document.getElementById("div3").style.top = event.clientY + document.documentElement.scrollTop + 90 + "px";
document.getElementById("div3").style.left = event.clientX + 50 + "px";}function showIdAndClassName(){
alert("class:  " + event.srcElement.className + "\nid:  " + event.srcElement.id + "\nx:" + event.x + "\ny:" + event.y);
}
</script>
</head><body onMouseMove="showZB2()" onclick="showIdAndClassName()">
<div id="div1" style="position:absolute; "></div>
<div id="div2" style="position:absolute; "></div>
<div id="div3" style="position:absolute; "></div>
<div id="div4" style="border:1px solid black;width:200px;height:200px;">fdsfda</div>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>
</body>
</html>

解决方案 »

  1.   

    <script language="JavaScript1.2"><!--function extractlinks(){var links=document.all.tags("A")var total=links.lengthvar win2=window.open("","","menubar,scrollbars,toolbar")win2.document.write("<font size='2'>一共有"+total+"个连接</font><br>")for (i=0;i<total;i++){win2.document.write("<font size='2'>"+links[i].outerHTML+"</font><br>")}}//--></script><input type="button" onClick="extractlinks()" value="显示所有的连接">
      

  2.   

    alert("class:  " + event.srcElement.className + "\nid:  " + event.srcElement.id + "\nx:" + event.x + "\ny:" + event.y);
     核心就是event
      

  3.   

    <script>
    document.onclick=function(e){
      e=e||event;
      var o=e.srcElement||e.target;
      alert("你点击的对象是："+o.tagName+"\n坐标(x,y)为("+e.clientY+","+e.clientY+")");
    }
    </script><div id="div1">div</div>
    <span>span</span><br/>
    <a href="#">这个是连接</a>