javascript - jQuery 选择将事件绑定(bind)到键盘

Question

这是我的 HTML 的结构:

<select class="chosen-select" data-placeholder="Choose an color:">
    <option value="1">red</option>
    <option value="2">blue</option>
    <option value="3">green</option>
    <option value="4">black</option>
</select>

这是 javascript 部分，它显示了绑定(bind)点击事件是多么容易:

    $(document).on('click', '.active-result', function () {
        var color = $(this).text()
    })
    // do something with color

我尝试成功绑定(bind)到上/下键和按键。但 :这是我的用例:我需要将事件绑定(bind)到 ENTER 键，我尝试将事件绑定(bind)到 e.which == 13 并防止默认值，但没有成功。另外我必须提到这段代码应用于 Bootstrap 模态。

Answer 1

这将为您提供颜色并更改按键 - Enter 时下拉列表的值。

$(document).on('keydown', '.chosen-select', function (e) {
    if (e.which == 13 )
    {  
       var selectedTarget = $(this).find("option:selected");
        alert($(selectedTarget).text());
        $(this).val($(selectedTarget).val());       
    }    
});

http://jsfiddle.net/ghjhjz03/4/