2

我有一个有值的组合框，我想让用户在Enter按下键时选择值。

  1. 用户可以通过Arrow键导航
  2. 选择用户输入Enter密钥时的值。

我做了这个：

$('#cmb_CIMtrek_DailyshipCo_CustomerName select').bind('keypress', function(e) {
    var code = (e.keyCode ? e.keyCode : e.which);
     if(code == 13) { //Enter keycode
       //Do something
         alert("Enter key Pressed");
     }
});

但是当我按键时没有发出警报Enter。

可能是什么问题以及如何解决？

最好的祝福。

4

4 回答 4

9 
 <select>
    <option value="1">1</option>
    <option value="2">2</option>
 </select>     

 <script> 
 $('select').live('keypress',function(e){
     var p = e.which;
     if(p==13){
         alert('enter was pressed');
     }
 });
 </script>
于 2013-01-28T07:43:02.577 回答
2

试试这个 

$('#cmb_CIMtrek_DailyshipCo_CustomerName select').keypress(function(event){

        var keycode = (event.keyCode ? event.keyCode : event.which);
        if(keycode == '13'){
            alert('You pressed a "enter" key in textbox');  
        }
        event.stopPropagation();
    });
于 2013-01-28T07:31:40.183 回答
1

如果您想在用户按下回车时发布表单，您还可以使用默认具有此行为的提交按钮。

如果您不想发布表单但确实有一个提交按钮，这可能会捕获关键事件并且不会传播。因此请删除任何提交按钮。

要将事件限制为对象，请使用：

if (e.target == document.getElementById('element-id'))

或jQuery

if (this == $('#element-id').get(0))

您的代码将如下所示：

$(document).bind('keypress', function(e) 
    {
    // Use 'this' or 'e.target' (whithout quotes)
    if (this == $('#cmb_CIMtrek_DailyshipCo_CustomerName select').get(0))
        {
        var code = (e.keyCode ? e.keyCode : e.which);
        if(code == 13)
            { //Enter keycode
            //Do something
            alert("Enter key Pressed");
            }
        }
    // Stop the event from triggering anything else
    e.stopPropagation();
    });
于 2013-01-28T08:01:35.873 回答
0

例如： 

<!html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>

<div class="form-group">
    <label for="exampleFormControlSelect1">Bodega</label>
    <select class="form-control" id="exampleFormControlSelect1">
      <option value="despacho">Despacho</option>
      <option value="ventas">Ventas</option>
    </select>
</div>

 <script>
     $('#exampleFormControlSelect1').on('keypress',function(e){
         var p = e.which;
         if(p==13){
             alert('enter was pressed');
         }
     });
 </script>

于 2019-12-13T12:45:15.063 回答