JavaScript: l'événement Mousewheel ne se déclenche pas au-dessus de la zone de texte

Question

J'ai besoin d'aide. J'essaie de lier à l'événement mousewheel de JavaScript et j'ai réussi cela. Mais quelque chose ne fonctionne pas comme prévu. Lorsque je suis sur entrée l'événement ne se déclenche pas.

J'ai essayé de me lier à l'événement d'entrée de la roue mais la même chose se produit, l'événement ne se déclenche pas.

Answer 1

Cet événement n'est pas universellement pris en charge. Vérifiez mousewheel compatibility table avant tout. Ce que je trouve intéressant, c'est que les bibliothèques javaScript comme les wrappers jQuery didn't implemented pour cet événement particulier. Si vous prévoyez d'utiliser les plugins jQuery construire pour cela:

• Mouse Wheel Plugin

MISE À JOUR

Vous devez modifier un peu leur exemple. Ici, cela fonctionne

$(document).ready(function(){ 
    $('#inputTest').bind('mousewheel', function(event, delta) { 
     var dir = delta > 0 ? 'Up' : 'Down', vel = Math.abs(delta); 
     $(this).val(dir + ' at a velocity of ' + vel); 
     return false; 
    }); 
}); 

code HTML

<form> 
    <input type='text' name='inputTest' id='inputTest' /> 
</form> 

Pour un champ d'entrée utilisation val() au lieu du texte().