javascript - DropDown Open 上的 jquery 事件监听器

Question

有这个简单的下拉菜单:

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

还有一个像这样的 jQuery 监听器初始化:

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

仅当用户通过选择一个选项或单击框外关闭下拉菜单时才会触发该事件。当他打开盒子时，有什么办法可以得到这个事件吗？

Answer 1

用于此目的的正确事件是 change click 并且每次选择输入更改或单击时都会触发。

$("#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>