讓我的HTML輸入一些領域上的滾輪改變，即使他們無法在Chrome

Question

集中

拿一個input field like this：

​<input type='number' step='1' />​​​​​​​​​​​​​​​​​ 

在Chrome中，您可以通過點擊它，然後移動改變這個字段的值滾輪向上或向下。但是，你不能簡單地懸停在該領域，並使用滾輪來改變它（就像你可以在Opera中一樣）。我怎樣才能改變這種行爲，這樣我就不必選擇字段來用滾輪來改變它呢？我打開使用javascript/jQuery（但不是jQuery UI）的解決方案。如果有問題，我正在使用Chrome 21。

Answer 1

使用hover()

$("#spinner").hover(
     function() 
     { 
      $(this).focus(); 
     }, 
     function(){ 
      $(this).blur(); 
     } 
);​ 

http://jsfiddle.net/Yeqmp/3/

Answer 2

焦點的輸入欄時mouseover：

$("input[type='number']").mouseover(function(){ 
    this.focus(); 
});​ 

演示：http://jsfiddle.net/DerekL/Yeqmp/2/