Tên sự kiện khi chọn một tùy chọn bên trong một lựa chọn

Question

Tôi biết tên sự kiện khi chúng tôi thay đổi thứ gì đó trong một lựa chọn là change (html: onchange), nhưng tôi muốn biết tên sự kiện là gì khi tôi chọn (nhấp) tùy chọn cụ thể.

Ví dụ:

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

Khi tôi bấm vào Option 1, những gì sự kiện xảy ra? Chỉ có change (trên chính lựa chọn đó và tất cả tùy chọn) hoặc cái gì khác?

Cảm ơn.

Answer 1

Theo mặc định, trong hầu hết các trình duyệt xảy ra change sự kiện khi bạn thay đổi sự kiện select và click cho option.

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

Answer 2

Bạn có thể đặt nó trong sự kiện onclick của tùy chọn mà bạn quan tâm đến như vậy:

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

Answer 3

'thay đổi' trên SELECT và nghe tiếng 'click' trên OPTION. Ngoài ra, trong Opera, 'đầu vào' cũng có thể kích hoạt lệnh SELECT nếu bạn thêm người nghe với addEventListener() chẳng hạn.

Answer 4

event.type trả về bản chất của sự kiện. Tham khảo các Demo

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

Bạn có thể sử dụng .Trên/.bind trên phần tử.