Comment puis-je écouter les événements de redimensionnement de la fenêtre du navigateur sans jQuery ?

Événement de redimensionnement de la fenêtre du navigateur : Écoute sans jQuery

Pour vous connecter à un événement de redimensionnement de la fenêtre du navigateur sans utiliser jQuery, il existe deux méthodes principales :

Méthode 1 : Ajouter un événement Listener

La méthode préférée consiste à ajouter un écouteur d'événement à l'événement de redimensionnement. Cela garantit que l'écouteur sera appelé chaque fois que la fenêtre est redimensionnée.

window.addEventListener('resize', function(event) {
    // Code to execute when the window is resized
}, true);

Le paramètre true dans la fonction addEventListener spécifie que l'écouteur doit être invoqué lors de la phase de capture de l'événement.

Méthode 2 : attribuer un gestionnaire à la propriété onresize

Une approche alternative consiste à attribuer un fonction de gestionnaire à la propriété onresize de l'objet window. Cependant, cette méthode ne peut avoir qu'un seul gestionnaire pour l'événement de redimensionnement.

window.onresize = function(event) {
    // Code to execute when the window is resized
};

Considérations

• jQuery peut fournir des fonctionnalités supplémentaires pour garantir un déclenchement cohérent de l'événement de redimensionnement. redimensionner l'événement sur tous les navigateurs.
• Il est recommandé de tester la fonctionnalité dans plusieurs navigateurs tels que Firefox, Safari et Internet Explorer pour garantir une bonne comportement.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!