1

当您按 Enter 从预先输入的项目中选择一个项目时，我遇到了 Firefox 提交我的表单的问题。Chrome 和 Internet Explorer 按预期工作，您按一次 Enter 键从预先输入的项目中选择项目，然后再次按 Enter 键提交。我已经能够禁用按 Enter 完全提交

function stopEnter(e) {
        if (e.keyCode == 13) {
            e.stopPropagation();
            e.preventDefault();
        }

我宁愿让 Firefox 像其他浏览器一样工作。这是我的测试代码。

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet" />
    <script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/jquery.js"></script>
    <script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/bootstrap-typeahead.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            var abc = ['asd', 'bvc', 'cxz', 'dsa', 'ewq', 'fgh', 'gfd', 'hrf', 'iuuy', 'aqq', 'bvb', 'ccc'];
            $('#typer').typeahead({ source: abc }).focus();
        });
    </script>
</head>
<body>
    <form id="form2" runat="server" >
        <asp:Panel DefaultButton="button1" runat="server">
            <div>
                <asp:TextBox data-provide="typeahead" ID="typer" autocomplete="off" runat="server" />
                <asp:Button text="submit" ID="button1" runat="server" OnClick="button1_Click" />
            </div>
         </asp:Panel>
    </form>
</body>
</html>

后面的代码

protected void button1_Click(object sender, EventArgs e)
{
    Response.Write(typer.Text);
}

看起来当我删除面板时，它可以按需要运行，但在实际页面上，我在模态的母版页上有此代码，当您按下 Enter 时，它将在您所在的原始页面上提交一个按钮。

4

0 回答 0