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>

Html onclick在Android中两次开火

1 个答案: