2011-06-11 144 views

回答

0

如果你不能以下的工作,我會建議你開始使用jQuery或其他javscript框架來幫助。我個人使用jquery,但看看那裏的javascript frameworks,它們讓生活變得更容易。

以飽滿的工作例如完全取代:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<head> 
<title>Mouse Co-ordinates Test</title> 
<script type="text/javascript"> 
var posX; 
var posY; 

function mouseMovement(newEvent){ 
    posX=0;posY=0; 
    var myEvent=(!newEvent)?window.event:newEvent;//IE:Moz 
    if (myEvent.pageX){//Moz 
    posX=myEvent.pageX+window.pageXOffset; 
    posY=myEvent.pageY+window.pageYOffset; 
    } 
    else if(myEvent.clientX){//IE 
    posX=myEvent.clientX+document.body.scrollLeft; 
    posY=myEvent.clientY+document.body.scrollTop; 
    } 
    else { 
    return false 
    }//old browsers 

    // Your X & Y values will be available here via posX & posY 
    document.getElementById('movementspan').firstChild.data='X='+posX+' Y='+posY; 
} 

function myClickEvent(myClick) { 
    document.getElementById('clickspan').firstChild.data='X='+posX+' Y='+posY; 
} 
document.onmousemove=mouseMovement; 
document.onclick=myClickEvent; 
</script> 

</head> 
<body onload="init()"> 
Mouse Co-ordinates 
<span id="movementspan">&nbsp;</span> 
<br /> 
Mouse co-ordinates at click 
<span id="clickspan">&nbsp;</span> 

</body> 
</html> 
+0

它不是用Firefox 3.5.19 – MayureshP 2011-06-11 09:53:53

+0

上述編輯工作,上面,輸出POSX和波西到頁面的某個地方,你需要添加一個處理程序的OnMouseMove事件 – Mark 2011-06-11 10:13:29

+0

我有鼠標點擊事件 – MayureshP 2011-06-11 10:26:04

相關問題