2009年9月23日 星期三

HTML的input直接按Enter就送出表單

如果有加<form></form>,應該就會自動submit出去,但是如果不要的話,就要在<input>裡加onKeyDown的JavaScript事件,13就是按enter的key code。下面範例不是送出表單(文不對題!!),而是用剛輸入的資料當參數,重導到另一個網址。

<input name="q" type="text" onKeyDown="javascript:(function(){if (event.keyCode ==13) document.location.href='foo?q='+document.getElementById('bar').value })()">

Javascript的Key code參考
Javascript Tips - Event Key Codes
或是可以線上直接按按看碼的是多少
Javascript Key Event Test Script

沒有留言: