jQuery和挖掘按键事件的元素

时间:2017-07-12 17:15:50

标签: javascript jquery

当我在下拉框(选择框)或普通文本字段框中时,我希望能够点击输入

我当前的HTML代码如下:

<tr class="jsgrid-edit-row">
   <td class="jsgrid-cell jsgrid-align-left" style="width: 100px;">
      <select>
         <option value="1">SW</option>
         <option value="2">HW</option>
      </select>
   </td>
   <td class="jsgrid-cell jsgrid-align-left" style="width: 80px;">
      <input type="text" />
   </td>
   <td class="jsgrid-cell jsgrid-align-left" style="width: 100px;">
      <select>
         <option value="1">COMPUTER</option>
         <option value="2">MONITOR</option>
         <option value="3">NETWORK COMPONENTS</option>
         <option value="4">OFFICE EQUIPMENT</option>
         <option value="5">SOFTWARE</option>
         <option value="6">STORAGE</option>
      </select>
   </td>
   <td class="jsgrid-cell jsgrid-align-left" style="width: 80px;">
      <input type="text" />
   </td>
   <td class="jsgrid-cell jsgrid-align-left" style="width: 80px;">
      <input type="text" />
   </td>
   <td class="jsgrid-cell jsgrid-align-left" style="width: 80px;">
      <input type="text" />
   </td>          
</tr>

我尝试过以下操作:

$('.jsgrid-edit-row > input').keypress(function (e) {
    var key = e.which;

    console.log(e.which);

    if (key == 13)  // the enter key code
    {
        console.log('hit enter!');
        return false;
    }
}); 

使用 .jsgrid-edit-row&gt;输入我认为它会找到该类,然后移动到其子级并查找我当前所在的任何输入元素

那么我做错了什么?

2 个答案:

答案 0 :(得分:1)

您可以再使用一个解决方案https://jsfiddle.net/q7r4ccb4/1/

groups = combined_ranking_df.groupby(['Id'], as_index=False, sort=False).max()[['Id','Rank']].

      Id  Rank
0  14035   8.0
1  47728   8.0
2  24259   6.0
3  14251   8.0
4  14250   6.0
$('.jsgrid-edit-row > td > input').keypress(function (e) {
    var key = e.which;

    console.log(e.which);

    if (key == 13)  // the enter key code
    {
        console.log('hit enter!');
        return false;
    }
}); 

答案 1 :(得分:0)

改为使用

$('.jsgrid-edit-row input').keypress(function (e) {

此语法搜索jsgrid-edit-row类

中存在的所有输入标记