在select中選擇選項時的事件名稱

Question

我在select中更改某些內容時知道事件名稱是change（html：onchange），但我想知道當我選擇（單擊）a時的事件名稱具體選項。

例子：

<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

你可以把它放在選項的onclick事件，你有興趣，像這樣：

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

Answer 3

上選擇「改變」和「點擊」的選項。另外，在Opera中，如果您使用addEventListener（）添加偵聽器，「輸入」也可能觸發SELECT。

Answer 4

event.type返回事件的性質。請參考Demo

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

可以使用。對/ .bind的元素。