我的用户希望此表单在按下输入而不是提交表单时将焦点推进到下一个字段。我onkeypress
在测试输入中添加了一个处理程序,以在按下 enter 时更改焦点。
在下面的代码中,当keydown
函数改变焦点时,我看到光标跳转到新的文本框,但随后表单被提交,就像我再次按下回车键一样。我认为通过在我的事件处理程序中返回 false 事件不会被传递,但似乎并非如此。我在 Chrome 和 Firefox 中都看到过这种行为。
有人能告诉我我错过了什么吗?
<form action="" name="confirmation" method="post">
<fieldset>
<div class="clearfix">
<label for="id_event_fuel_amount">Quantity:</label>
<div class="input">
<input type="text" id="event_fuel_amount_id" name="event_fuel_amount" onkeypress="keydown(event, 'event_purchase_amount_id')" />
</div>
</div>
<div class="clearfix">
<label for="id_event_purchase_amount">Sale:</label>
<div class="input">
<input type="text" id="event_purchase_amount_id" name="event_purchase_amount" />
</div>
</div>
<input type="hidden" name="state" value="3" id="id_state" />
<input type="hidden" name="time_stamp" value="2011-09-24 14:34:06" id="id_time_stamp" />
<input type="hidden" name="purchase" value="66" id="id_purchase" />
<input type="submit" value="Save"/>
</fieldset>
</form>
<script>
function keydown(e,s){
if (!e) var e = window.event;
if (e.keyCode) code = e.keyCode;
else if (e.which) code = e.which;
if (code==13){
document.getElementById(s).focus();
return false;
}
}
</script>