Comment puis-je détecter le niveau de zoom de la page dans tous les navigateurs modernes? Bien que ce fil explique comment le faire dans IE7 et IE8, je ne trouve pas de bonne solution multi-navigateur.
Firefox stocke le niveau de zoom de la page pour un accès futur. Lors du premier chargement de page, pourrais-je obtenir le niveau de zoom? Quelque part, j'ai lu que cela fonctionne lorsqu'un changement de zoom se produit après le chargement de la page.
Existe-t-il un moyen de piéger l'
'zoom'
événement?
J'en ai besoin car certains de mes calculs sont basés sur des pixels et peuvent fluctuer lors d'un zoom.
Échantillon modifié donné par @tfl
Cette page alerte différentes valeurs de hauteur lors d'un zoom. [jsFiddle]
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js" type="text/javascript"/></script>
</head>
<body>
<div id="xy" style="border:1px solid #f00; width:100px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sollicitudin tortor in lacus tincidunt volutpat. Integer dignissim imperdiet mollis. Suspendisse quis tortor velit, placerat tempor neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent bibendum auctor lorem vitae tempor. Nullam condimentum aliquam elementum. Nullam egestas gravida elementum. Maecenas mattis molestie nisl sit amet vehicula. Donec semper tristique blandit. Vestibulum adipiscing placerat mollis.</div>
<button onclick="alert($('#xy').height());">Show</button>
</body>
</html>