發生鼠標點擊事件時發生鼠標移動事件

這是我的代碼。如果我點擊並移動鼠標onmousemove事件應該發生。我怎樣才能做到這一點。任何人都可以幫助我。發生鼠標點擊事件時發生鼠標移動事件

 </head> 

     <body> 
     <img id="myImgId" alt="" src="Chrysanthemum.jpg" width="400" height="300" /> 

     <script type="text/javascript"> 
     <!-- 
     var myImg = document.getElementById("myImgId"); 
     myImg.onmousemove = GetCoordinates; 
     //--> 
     </script> 


     <p>X:<span id="x"></span></p> 
     <p>Y:<span id="y"></span></p>

來源

2013-05-30 chiyango

我認爲ü需要拖動事件 – PSR

什麼我計劃是用繪製了圖像的矩形內onmouosemove事件SVG和JavaScript事件。我在正確的道路上嗎？ – chiyango

爲此，您可以使用mousedown-mousemove-mouseup組合。 – Teemu

您必須啓用點擊事件

</head> 

    <body> 
    <img id="myImgId" alt="" src="Chrysanthemum.jpg" width="400" height="300" onClick="doSomething(this)"/> 

    <script type="text/javascript"> 

    function doSomething(obj) 
    { 
    obj.onMouseMove = function getCoordinates(){ 
      var x= screen.getX; 
      var y = screen.getY; 
      } 
    } 
    </script> 


    <p>X:<span id="x"></span></p> 
    <p>Y:<span id="y"></span></p>

來源

2013-05-30 07:25:26

<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>Untitled Document</title> 
</head> 

<body> 
<img src="captain_america.jpg" style="left:0px;position:absolute;top:50px;"/> 
<div id="showCoordinates" style="top:0px;left:0px;position:absolute;height:40px;width:100px"></div> 
<script type="text/javascript"> 
document.addEventListener('mousemove', onMouseMove, false) 

function onMouseMove(e) 
{ 
    x = e.clientX; 
    y = e.clientY; 
    document.getElementById('showCoordinates').innerHTML = "x " + x + " y " + y; 
} 
</script> 
</body> 
</html>

來源

2013-05-30 07:25:51

發生鼠標點擊事件時發生鼠標移動事件

回答

相關問題