3

サイトのホームページに機能があり、ユーザーが料理名を入力してEnterキーを押すと、入力イベントがキャプチャされ、クエリ文字列として料理名とともにリストページにリダイレクトされる必要があります。

以下のコードを使用しています。これは、Enter をクリックしたときに 2 回だけ機能します。

 $(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で機能を確認できます 。

4

1 に答える 1

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 を検索します。

于 2013-08-08T09:12:22.997 に答える