Désactiver le zoom dans le navigateur en utilisant jquery / javascript?

Si vous voulez simplement empêcher le zoom de l'utilisateur de résoudre les problèmes liés à la mise au point du formulaire, par exemple sur un iPhone, lorsque l'entrée du formulaire se déplace dans le champ, puis ne recule pas lorsque vous avez terminé, vous pouvez utiliser javascript pour modifier la méta-fenêtre de la fenêtre Mots clés:

var viewportmeta = document.querySelector('meta[name="viewport"]'); viewportmeta.content = 'user-scalable=NO, width=device-width, initial-scale=1.0' 

Cela empêche les actions évolutives de l'utilisateur de zoomer sur l'iPhone. Vous pouvez alors gérer directement tous les problèmes d'accessibilité, par exemple en ajoutant vos propres contrôles de zoom ou en réinitialisant le viewportmeta lorsque vous avez terminé.

Non. Pour des raisons d'accessibilité, vous ne pouvez pas le faire.

Probablement tard, mais vous pouvez le faire avec jQuery:

 $(document).ready(function(){ $(document).keydown(function(event) { if (event.ctrlKey==true && (event.which == '107' || event.which == '109')) { alert('disabling zooming ! '); event.preventDefault(); } }); }) 

Vous pouvez désactiver le zoom dans le navigateur par Ctrl + ou Ctrl- ou en utilisant la touche Ctrl Key + Mouse haut ou bas par ce code.

 $(document).keydown(function(event) { if (event.ctrlKey==true && (event.which == '61' || event.which == '107' || event.which == '173' || event.which == '109' || event.which == '187' || event.which == '189' ) ) { event.preventDefault(); } // 107 Num Key + // 109 Num Key - // 173 Min Key hyphen/underscor Hey // 61 Plus key +/= key }); $(window).bind('mousewheel DOMMouseScroll', function (event) { if (event.ctrlKey == true) { event.preventDefault(); } }); 

Consultez une démonstration ici http://jsfiddle.net/VijayDhanvai/4m3z3knd/

Essayez ces raccourcis clavier Jquery, vous pouvez désactiver le zoom avec ceci: https://github.com/tzuryby/jquery.hotkeys