使用 jquery 捕获输入事件并重定向答案

【问题标题】：Capture enter event and redirect using jquery使用 jquery 捕获输入事件并重定向
【发布时间】：2013-08-08 09:04:25
【问题描述】：

我的网站主页上有一个功能，用户可以在其中输入菜名并按 Enter，应捕获输入事件，并应将菜名作为查询字符串重定向到列表页面。

我正在使用下面的代码，当我点击进入时，它只在第二次起作用。

 $(document).ready(function () {
            $(document).keypress(function (e) {
                if (e.which == 13) {
                    // enter pressed
                    var searchKeyWord = $("#SearchTextBox").val();
                    window.location.href = "/Listings.aspx?K=" + searchKeyWord;
                }
            });
        });

您可以在http://khanawal.com/home.aspx 看到该功能任何帮助将不胜感激。

【问题讨论】：

尝试在 if 之前添加e.preventDefault();
我在 if... 之后添加了它，它起作用了....谢谢@Pete
哈哈哈，只是编辑后说的
首先我尝试在如果...之前添加它...我无法输入任何内容...大声笑.. :)..无论如何你喜欢我的网站吗？它是一个新的创业事物..非常感谢您帮助我...过上美好的生活。
是的，非常好。它让我饿了！

标签： jquery redirect enter

【解决方案1】：

只要不选择搜索框，它似乎就可以工作。尝试绑定到两者。

$(document).ready(function () {
        function handleEnter(e) {
            if (e.which == 13) {
                // enter pressed
                var searchKeyWord = $("#SearchTextBox").val();
                window.location.href = "/Listings.aspx?K=" + searchKeyWord;
            }
        }

        $(document).keypress(handleEnter);
        $("#SearchTextBox").keypress(handleEnter);

});

如果这不能解决问题，那么您的代码中的其他地方可能存在问题。在您的代码中搜索 stopPropagation。

【讨论】：