Question

我有以下脚本。我需要在图像循环结束时获取发送到我的电子邮件的每个鼠标点击坐标的坐标。有人可以帮我这个吗？我是新手，我正在努力实现我的一些在线记忆任务。任何帮助将不胜感激。

这是我的剧本：

<head>
    <title>Practice2</title>
    <link type="text/css" rel="Stylesheet" href="MemStyle.CSS">
    <script type = "text/javascript">        
       var x=0;
       function changeImage() 
       {
if (x == images.length){
return;      
}

          document.getElementById("img").src=images[x]
          x++;
       }


      var images =  ["S2b.jpg", "S3b.jpg", "S4b.jpg", "S5b.jpg", "S1b.jpg"];       

    </script>
</head>
<body>
    <div id="MemImg">
       <button onclick="changeImage()" >
           <img id="img"  width="700px" height="700px" >
       </button>   
     </div>
</body>

Answer 1

试试这个：

var x = 1;
function changeImage() 
{
    if (x > images.length)
    {
        return;
    }

    document.getElementById("img").src = images[x];
    x++;
}

BTW，@ tadman的建议很好：

var images = ["S2b.jpg", "S3b.jpg", "S4b.jpg", "S5b.jpg", "S1b.jpg"];

然后将您的x声明更改为：

var x = 0;

条件：

if (x == images.length)

正如@Shaiful Islam建议的那样，您可以通过将return;更改为x = 0来重置计数器。

循环一次图像并获取每个鼠标点击的鼠标坐标

1 个答案: