§ ITPOW >> 文档 >> JavaScript >> DOM & DHTML

作者：vkvi 来源：ITPOW（原创） 日期：2010-12-7

在填报表时，可按 Tab 键将焦点定位到下一个元素，也可按 Shift 键将焦点定位到上一个元素。但这有缺点，按 Shift 键不方便，且顺序不能按需设置，最方便的是使用 ezj 配以少量的 JavaScript 代码来实现。

<table> <tbody> <tr> <td><input type="text" size="5" /></td> <td><input type="text" size="5" /></td> <td><input type="text" size="5" /></td> </tr> <tr> <td><input type="text" size="5" /></td> <td><input type="text" size="5" /></td> <td><input type="text" size="5" /></td> </tr> <tr> <td><input type="text" size="5" /></td> <td><input type="text" size="5" /></td> <td><input type="text" size="5" /></td> </tr> <tr> <td><input type="text" size="5" /></td> <td><input type="text" size="5" /></td> <td><input type="text" size="5" /></td> </tr> </tbody> <tfoot> <tr> <td colspan="3"><input type="button" value="提交" /></td> </tr> </tfoot> </table>

JavaScript 代码（ezj 代码）

ezj.ready(function(){ var fields = $("<tbody <input"); fields.each(function(e, index){ // 为每个 input 绑定按键按下事件处理程序 e.keydown(function(){ var keyCode = ezj.event.getKeyCode(); // 按下的键值 if (keyCode == ezj.event.keyCodes.down && index < fields.length - 1) { // 按下的是向下键，且下一个 input 存在 fields[index + 1].focus(); } else if (keyCode == ezj.event.keyCodes.up && index > 0) { // 按下的是向上键，且上一个 input 存在 fields[index - 1].focus(); } }); }); });

官方网站

http://www.itpow.com/tools/downloads/ezj_V2.10.zip