javascript – 在DropDown Open上的jquery事件监听器

2019年7月20日 256次阅读

有这个简单的下拉菜单：

<select id="foo">
   <option>bar</option>
</select>

像这样的jQuery监听器初始化：

$("#foo").on("click", function() {
    console.log("stuff");
});

只有在用户关闭下拉列表时才会触发该事件,方法是选择一个选项或单击框外部.当他打开盒子时,有没有办法获得这个活动？

最佳答案 用于此目的的正确事件是更改单击一起,每次选择输入更改或单击时都会触发.

$("#foo").on("click change", function(e) {
    $("#output").html("Event type: " + e.target.nodeName);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="foo">
   <option value="1">foooo</option>
   <option value="2">bar</option>
</select>

<div id="output"></div>
点赞