Onclick在Chrome中两次触发,而不是IE或Firefox

时间:2012-07-22 02:11:11

标签: javascript google-chrome

很抱歉我的帖子Why does setTimeout fire twice in Chrome, but not IE or Firefox?重复。

我实际上需要以下javascript调用内联工作的超链接,所以我想知道是否有人有任何想法。单击任一超链接会导致javascript函数 GenerateNewNumber 在Chrome中触发两次,但不会触发IE或Firefox。在Chrome中点击一次后,只会在后续点击时添加一次标签。我再次使用Chrome 20.0.1132.57,IE9和Firefox 13。

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="test.aspx.vb" Inherits="test" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<script type="text/javascript" language="javascript">

    function GenerateNewNumber() {
        var randomnumber = Math.floor(Math.random() * 1234);
        document.getElementById('NumberLabel').innerHTML += '<br>' + 'Random Number is ' + randomnumber;
    }

</script>
</head>
<body>
    <form id="form1" runat="server">

    <asp:LinkButton ID="Button1" runat="server" OnClientClick="GenerateNewNumber(); return false;">Click for Random Number Test 1</asp:LinkButton><br />
    <a id="Button2" href="#" onclick="GenerateNewNumber(); return false;" target="_blank">Click for Random Number Test 2</a>
    <asp:Label ID="NumberLabel" runat="server"></asp:Label>
    </form>
</body>
</html>

再次感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

这可能是您正在使用的Google扩展程序的结果。但是,我确实记得有这个问题,并且在超链接的onclick中指定了返回false。我记得有些平凡的调整让它停止了两次射击。

尝试删除'return false'后面的分号。

查看此文章asp.NET LinkButton not working in Google Chrome

你可以尝试这种方法。

protected override void OnPreInit(EventArgs e)
{
    if (Request.UserAgent != null && (Request.UserAgent.IndexOf("AppleWebKit") > 0))  // added for compatibility issues with chrome 
    {
         this.ClientTarget = "uplevel";
    }

     base.OnPreInit(e);
}

最后,您应该考虑使用链接/锚之外的元素/标记。