我如何调用 html 中元素的 onClick 事件并等到单击 occurs.From 中的另一个函数 javascript

Question

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

Answer 1

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

Answer 2

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

观看 this presentation，您应该会明白很多事情。

对于纸牌游戏，你真的不需要自己的游戏循环，只需添加点击图像节点的事件监听器，就像这样：

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

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

我如何调用 html 中元素的 onClick 事件并等到单击 occurs.From 中的另一个函数 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

onclick