【问题标题】:How to use enter key to focus into next input如何使用回车键聚焦到下一个输入
【发布时间】:2014-10-17 11:52:43
【问题描述】:

当我按下回车键时,我希望它进入下一个输入,我看到另一个问题的代码here 但我的输入字段在表格内,如果我的下一个输入在下一个 td 这是我的 html 代码

<form action="#">
<table>
<thead>
    <tr>
    <th>Input 1</th>
    <th>Input 2</th>
    <th>Input 3</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td>
            <input name="one"/>        
        </td>
        <td>
            <select name="select">
                <option>asd</option>
                <option>asd</option>
            </select>
           <input name="two"/> 
           <input name="three"/> 
        </td>
        <td>
           <input name="four"/>
        </td>
    </tr>
            <tr>
        <td>
            <input name="field-one"/>        
        </td>
        <td>
            <select name="select">
                <option>asd</option>
                <option>asd</option>
            </select>
           <input name="field-two"/> 
           <input name="field-three"/> 
        </td>
        <td>
           <input name="field-four"/>
        </td>
    </tr>
</tbody>
</table>

http://jsfiddle.net/k2y7evzr/

请帮助我 :) 谢谢!

【问题讨论】:

    标签: javascript jquery


    【解决方案1】:

    使用index属性怎么样,

    $("input,select").bind("keydown", function(event) {
        if (event.which === 13) {
            alert("asd");
            event.stopPropagation();
            event.preventDefault();
           $(':input:eq(' + ($(':input').index(this) + 1) +')').focus();
        }
    });
    

    还有,这里是Working Fiddle

    【讨论】:

      猜你喜欢
      • 2022-07-28
      • 2018-09-19
      • 2015-12-20
      • 1970-01-01
      • 1970-01-01
      • 2021-07-26
      • 2014-08-04
      • 1970-01-01
      • 2011-08-18
      相关资源
      最近更新 更多