Javascript 在图像中循环一次，并获得每次鼠标单击的鼠标坐标_Javascript_Loops

Javascript 在图像中循环一次，并获得每次鼠标单击的鼠标坐标

javascript loops

Javascript 在图像中循环一次，并获得每次鼠标单击的鼠标坐标,javascript,loops,Javascript,Loops,我有以下脚本。我需要得到每一个鼠标点击的坐标坐标，在图像循环的末尾发送到我的电子邮件。有人能帮我吗？在这方面我是个新手，我正在尝试实现一些在线记忆任务。任何帮助都将不胜感激这是我的剧本： <head> <title>Practice2</title> <link type="text/css" rel="Stylesheet" href="MemStyle.CSS"> <script type = "text/j

我有以下脚本。我需要得到每一个鼠标点击的坐标坐标，在图像循环的末尾发送到我的电子邮件。有人能帮我吗？在这方面我是个新手，我正在尝试实现一些在线记忆任务。任何帮助都将不胜感激

这是我的剧本：

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

试试这个：

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

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

顺便说一句，@tadman的建议很好：

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

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

var x = 0;

条件是：

if (x == images.length)

正如@Shaiful Islam所建议的，您可以通过更改返回值来重置计数器；到x=0。

为什么不像[S2b.jpg，…]那样声明数组？缺少图像[0]，因为数组是0索引的。如果要循环遍历图像，请在到达图像时重置x值length@ShaifulIslam我不能为这次行动思考。他没有描述它，而且他可以自己做，没那么难，我很抱歉。我只是给他建议的。非常感谢你的帮助。我是这方面的新手，所以非常感谢你的帮助！我还有更多的问题，我将在下面发布