javascript - 捕获 <select> 列表中的事件

我想知道如何在用户单击“选择”下拉列表时捕获下拉列表中的事件。例如，当列表的不同元素处于焦点时，我想拦截事件。

我试图将事件监听器绑定(bind)到列表的选项元素，但它们没有捕获任何内容。请在此处查看示例代码:

    <select>
        <option onfocus="alert('Hi there');">Foo</option>
        <option>Bar</option>
    </select>

最佳答案

你不能，<select>是一个替换元素，它的子元素仅充当它的数据而不是实际的子元素。

你能做的最好的事情就是申请 onChange事件到 <select>本身，然后访问 this.options[this.selectedIndex]做事。

关于javascript - 捕获 <select> 列表中的事件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14651955/