Trình xử lý sự kiện HTML5 cho cuộn đầu vào số - Chỉ Chrome

Question

Tôi đang phát xung quanh với một số yếu tố HTML5 và chạy vào một hành vi vui nhộn. Tính năng này chỉ hoạt động trong Chrome.

Sử dụng loại đầu vào số, bạn có thể đặt min, max và step, và nhận các mũi tên lên và xuống để điều khiển đầu vào. <input type="number" min="0" max="100" step="5" />

Tôi nhận thấy rằng việc ràng buộc trình xử lý sự kiện nhấp chuột ghi vào mũi tên, vì thay đổi sẽ không thực sự xảy ra cho đến khi trường bị mờ. Bạn cũng có thể sử dụng các phím mũi tên lên và xuống trên bàn phím để thay đổi giá trị trong giới hạn và liên kết nhấn phím có thể chọn các phím này.

Trong Chrome, tuy nhiên, bạn cũng có thể sử dụng con lăn chuột để thay đổi đầu vào, bằng cách di chuột qua đầu vào và cuộn. Tuy nhiên, tôi đã không thể tìm được cách để lắng nghe sự kiện này.

Example on jsfiddle

HTML:

<input type="number" min="0" max="100" step="5" id="test" /> 

Javascript (sử dụng jQuery):

$('#test').click(function(){ 
    $(this).after('<br />click'); 
}); 

$('#test').change(function(){ 
    $(this).after('<br />change'); 
}); 

$('#test').keypress(function(){ 
    $(this).after('<br />keypress'); 
}); 

Bất kỳ ý tưởng về làm thế nào để lắng nghe cho rằng sự thay đổi cuộn? Một lần nữa, điều này chỉ hoạt động trong Chrome như của bài viết này.

Answer 1

Plugin jQuery Mouse Wheel dường như thực hiện thủ thuật. http://plugins.jquery.com/project/mousewheel

$('#test').mousewheel(function(){ 
    $(this).after('<br />mouse wheel'); 
});