javascript - 在选择中选择选项时的事件名称

Question

当我们在选择中更改某些内容时，我知道事件名称是change(html: onchange)，但我想知道当我选择（单击）特定选项时的事件名称是什么。

例子 ：

<select>
    <option>Option 1</option>
</select>

当我点击时Option 1，会发生什么事件？仅change（在选择本身和所有选项上）还是其他？

谢谢。

Answer 1

默认情况下，在大多数浏览器change中，当您更改select和click事件时会发生事件option。

$('select').on('change', function(event) {
  console.log(event.type);   // event.type is to get event name
});

Answer 2

在 SELECT 上“更改”并在 OPTION 上“单击”。此外，在 Opera 中，如果您使用 addEventListener() 添加侦听器，“输入”也可能会在 SELECT 上触发。

Answer 3

event.type 返回事件的性质。参考演示

$('select').bind('change', function(event) {
    alert("Event :"+ event.type);   
});

您可以在元素上使用 .on/.bind。​</p>

Answer 4

您可以将它放在您感兴趣的选项的 onclick 事件中，如下所示：

<select id="MySelect">
    <option id="optionA" onclick="alert('You clicked A')">a</option>
    <option id="optionB">b</option>  
</select>