Thay thế cho onblur/onchange trong lựa chọn

Question

Tôi đang cố tìm cách chạy hàm JavaScript khi người dùng chọn một tùy chọn trong hộp HTML select, bất kể tùy chọn này đã được chọn hay chưa. Vì vậy, onchange không nằm trong câu hỏi.

Vấn đề với việc sử dụng onblur là (trong Chrome và Safari, ít nhất) sự kiện không được kích hoạt cho đến khi người dùng nhấp vào phần tử khác. Điều này cũng có thể gây khó chịu nếu người dùng tập trung vào lựa chọn, sau đó nhấp chuột mà không chọn tùy chọn, trong trường hợp đó tôi không muốn sự kiện được kích hoạt.

Tôi đã có thể đạt được một số thành công bằng cách cung cấp cho mỗi tùy chọn một trình xử lý onmouseup, nhưng điều này chỉ hoạt động trong Firefox, theo như tôi có thể nói. Ý tưởng nào?

Answer 1

Vì không ai đã làm phiền để trả lời câu này, tôi sẽ đăng một phiên bản generic của mã của tôi:

<select id="mySelect" onfocus="this.selectedIndex=0;" onchange="userDidSomething(event)"> 
    <option>Choose one:</option> 
    <option>Option 1</option> 
    <option>Option 2</option> 
</select> 

JavaScript:

function userDidSomething(event) { 
    // Your Code Here. 
} 

Answer 2

Hãy thử sử dụng

var s = document.getElementById("mySelect"); 
s.attachEvent("onchange", function() { 
    // function here 
});