Question

当我在下拉框（选择框）或普通文本字段框中时，我希望能够点击输入。

我当前的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;输入我认为它会找到该类，然后移动到其子级并查找我当前所在的任何输入元素 ？

那么我做错了什么？

Answer 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;
    }
});

Answer 2

改为使用

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

此语法搜索jsgrid-edit-row类

中存在的所有输入标记

jQuery和挖掘按键事件的元素

2 个答案: