リダイレクトするHTMLフォーム

Question

フォームの入力に基づいてURLにリダイレクトする簡単な検索ボックスを作成したいので、 "foo"を検索すると、フォームはユーザーを{{STATIC_URL}}/searchにリダイレクトします/ fooの

私は、次のコードでこれを達成考えた：

<script LANGUAGE="JavaScript"> 
    function whatURL() { 
     window.location= window.location.protocol+'//'+window.location.host + "/search/" + document.form1.url.value; 
    } 
</SCRIPT> 

と

<FORM name=form1> 
    <input type=text id="urlval" name="url"onkeydown="if (event.keyCode == 13) document.getElementById('btnSearch').click()" > 
    <input type="submit" id="btnSearch" onClick="return whatURL();" value="Search"> 
</FORM> 

いますが、エンターキーを押したときにのみ動作し、あなたが使用してボタンをクリックしていないときマウス（Safari 5.1）。私が入力タイプをsubmitからbuttonに切り替えると、その反対が観察されます！これを改善するより良い方法はありますか？

Answer 1

は、onClickハンドラの代わりにフォームのonSubmitハンドラを使用します。