0

Web サイトの検索バーで onkeypress イベントが機能しません。ここに私のjavascriptとhtmlコードがあります:

window.onload = function() {
    document.getElementById("SearchText").value = getParameterByName("s");

    var a = document.getElementById("SearchLink");

    a.onclick = function() {
        search();
    }
}

function search() {
    var searchResultsUrl = "/search/";
    document.location.href = searchResultsUrl + "?s=" +
    document.getElementById("SearchText").value;
    return false;
}

function getParameterByName(name) {
    var match = RegExp('[?&]' + name + '=([^&]*)')
        .exec(window.location.search);

    return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
}

そして、ここにhtmlコードがあります：

<input type="text" id="SearchText" onkeypress="if(SearchText.keyCode==13)search()" />
4

2 に答える 2

4

keyCodeテキスト ボックスにはプロパティがありません。これは、イベント オブジェクトのプロパティです。代わりにこれを試してください。

HTML:

<input type="text" id="SearchText" />

JS:

window.onload = function() {
    var textbox = document.getElementById("SearchText");
    textbox.value = getParameterByName("s");

    ... snip ...

    textbox.onkeypress = function (e) {
        if (e.keyCode === 13) {
            search();
        }
    };
}

... snip ...

固定フィドル。

于 2012-10-08T20:03:39.383 に答える
0

SearchTextonkeypress スクリプトレットの変数は未定義になります。次のように、Javascript でイベント ハンドラーを定義することをお勧めします。

SearchTextbox = document.getElementById("SearchText");
SearchTextbox.onkeypress = function(evt) {
    if (evt.keyCode === 13) {
        // Handle key press event here
    }
}

ご参考までに：

キーボードイベント: https://developer.mozilla.org/en-US/docs/DOM/KeyboardEvent

element.onkeypress: https://developer.mozilla.org/en-US/docs/DOM/element.onkeypress

編集：event提案どおりにパラメータ名を変更しました。

于 2012-10-08T20:08:21.107 に答える