如何在html中调用元素的onClick事件并等待单击发生.来自javascript中的另一个函数

how can I call an onClick event of an element in html and wait until the click occurs.From another function in javascript

本文关键字：函数 单击 来自 javascript 等待 另一个 事件 html 调用 元素 onClick      更新时间：2023-09-26

我正在尝试开发一个打牌的网站。在游戏循环中，我需要等待用户点击图像（这是html中的一个元素），然后决定下一步该做什么。我使用的是javascript（我对jquery或ajax一无所知）。如何确保javascript函数等待用户点击图像。提前谢谢。一个带有代码的示例将非常有用。

Javascript异步工作，这意味着您不能用while循环阻止JS进程，因为不会触发类似鼠标单击的事件。

看这个演示文稿，你会明白很多事情。

对于纸牌游戏，您并不真正需要自己的游戏循环，只需添加事件侦听器即可点击图像节点，如下所示：

var img = document.getElementById('imageID');
img.addEventListener('click', function(event) {
    // do something, i.e. select clicked card
});

事件监听器是javascript游戏所需的一切。即使你想创建实时游戏，你所要做的就是在setTimeout中注册你的物理逻辑，并在requestAnimationFrame中渲染。

//implement image click handler
<img src="image1" onclick="jsfunction()" />
<script language="javascript">
    //declare variable to store image is clicked or not
    var imageclicked = false;
    function jsfunction(){
        imageclicked = true;
    }

    function jsWait(){
        if(imageclicked) {
            //include your code here.
            //
            //
            //
            //reset imageclicked variable to false
            imageclicked = false; 
        }
        return false;
    }

    setInterval('jsWait()', 1000);
</script>
相关文章：