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>

Answer 2

尝试事件：

show.bs.dropdown

shown.bs.dropdown

https://getbootstrap.com/docs/4.0/components/dropdowns/#events

Answer 3

    $(document).on('focus', '#foo', function () {
        console.log('Dropdown Open');
    });

为我工作！！

DropDown Open上的jquery事件监听器

3 个答案: