android - html onclick在Android中触发两次

Question

代码：

function hello(){alert("Hi");}; 

<center> 
<table border="0" height="100%">
<tbody>
            <tr>
                <td align="center" width="100%">
                <img src="cover.png"
                    width="300" height="300" id="image"></img></td>
            </tr>
            <tr>
                <td height="100%">&nbsp;</td>
            </tr>
            <tr>
                <td align="center">
             <form onsubmit="go();return false">  
                        <input class="answer" id="answer" name="answer"
                             onclick="hello();"/>
                  </form> 
                </td>
            </tr>
            <tr>

            </tr>
        </tbody>
</table>
</center>

当在 HTML 中单击答案文本框时，我一直在尝试捕捉。它在 Firefox 和 Chrome 中完美运行（我只收到一个 Hi 警报），但是当我尝试在 android 的 web 视图中运行代码时，onclick 方法会触发两次（我收到两个 Hi 警报）。但是，当我稍后调用相同的函数时，它可以正常工作，只触发一个 Hi 警报。

<div style="bottom: 0; right: 0; position:absolute;  margin-right:5%">
    <a><img alt="" src="start.png" id="submit" onclick="go();hello();"></a>
    </div>

我猜这与我从表单内部调用函数并且它以某种方式触发事件两次但我不知道如何修复它的事实有关。有什么帮助吗？

Answer 1

您可以尝试使用one()如下。

$('#answer').one('click', function() {
    alert("Hi");
});

<form onsubmit="go();return false">  
   <input class="answer" id="answer" name="answer"/>
</form>