这是我的 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 模态。
最佳答案
这将为您提供颜色并更改按键 - 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());
}
});
关于javascript - jQuery 选择将事件绑定(bind)到键盘,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33426324/