2012-12-04 18 views
5

代码:的Html的onclick在安卓射击两次

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视图中运行代码时(我收到两条Hi警报),onclick方法会触发两次。但是,当我稍后调用相同的函数时,它会正常工作,只会触发一个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> 

我猜它是与事实,我是从表单中调用该函数,它以某种方式触发事件两次,但我不知道如何解决它。任何帮助?

回答

0

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

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

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

它似乎没有做任何事情。 – user1876307

+0

你是否在'$(document).ready(function(){}'中调用'one()'函数? – chridam

+0

我不是,新手在这里谢谢!它修复了发射两次的问题,但现在只提醒第一次点击框时会出现(如果我在页面周围做其他事情,然后再次点击文本框,则什么都不会发生)。 – user1876307