發生鼠標單擊事件時觸發mousemove事件

Question

這是我的編碼。 如果我單擊並移動鼠標，則會發生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>

Answer 1

您必須在click事件中啟用onmouosemove事件

</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>

Answer 2

<!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>

發生鼠標單擊事件時觸發mousemove事件

問題描述

2 個解決方案

解決方案1
0 2013-05-30 07:25:26

解決方案2
0 2013-05-30 07:25:51

發生鼠標單擊事件時觸發mousemove事件

問題描述

2 個解決方案

解決方案1 0 2013-05-30 07:25:26

解決方案2 0 2013-05-30 07:25:51

解決方案1
0 2013-05-30 07:25:26

解決方案2
0 2013-05-30 07:25:51