function enterToTab(event){
var e = event ? event : window.event
if(e.keyCode == 13){
e.keyCode = 9;
}
}
<form>
<input type="text" id="input1" onkeydown="enterToTab(event);"/>
<input type="text" id="input2" onkeydown="enterToTab(event);"/>
<input type="text" id="input2" onkeydown="enterToTab(event);"/>
<input type="text" id="input2" onkeydown="enterToTab(event);"/>
<input type="submit">
</form>
注意:FireFox 的e.which 屬性是唯讀,不能更改,所以上面的方面只能用於IE瀏覽器。
事件,也只能用onkeydown 事件,而不要用onkeypress 事件,因為對於onkeypress 事件,
event.keyCode(IE) 和 e.which(Firefox) 是讀取不到斷行符號鍵(13)的,所以要使用onkeydown 事件
下面是jquery 方案,相容IE 與firefox
$(document).ready(function(){
// get only (input:text) tags with class data-entry
textboxes = $("input:text");
// now we check to see which browser is being used
if ($.browser.mozilla) {
$(textboxes).keypress (checkForEnter);
} else {
$(textboxes).keydown (checkForEnter);
}
});
function checkForEnter (event) {
if (event.keyCode == 13) {
currentBoxNumber = textboxes.index(this);
if (textboxes[currentBoxNumber + 1] != null) {
nextBox = textboxes[currentBoxNumber + 1]
nextBox.focus();
nextBox.select();
event.preventDefault();
return false;
}
}
}