$(window).sur('resize') en JavaScript
En JavaScript, est le code suivant:
window.onresize = function() {
//Do something.
}
La même chose que:
$(window).on('resize', function () {
//Do something.
});
Sont les deux blocs de code au-dessus de l'égalité, de la fonctionnalité-sage? Est-il un avantage ou un inconvénient (toutefois mineure) à l'aide de l'un ou de l'autre?
Ce sujet:
window.addEventListener('resize', function(event) {
//Do something.
});
- de la fenêtre.onresize est DOM $(window).sur jQuery. Les deux sont différents, mais l'effet est le même
Vous devez vous connecter pour publier un commentaire.
Ils ne sont pas les mêmes, dans le premier exemple, vous êtes qui affectent un événement à l'objet dom
onresize
gestionnaire.La version jQuery est probablement quelque chose de différent derrière la scène. Sans regarder dans le code source, il est probablement tout simplement en train de faire:
Cela dit, la version jQuery et le natif
addEventListener
sont encore différent parce que jQuery est également l'ajout d'un peu de magie pour le gestionnaire d'événement.Et
addEventListenener
est probablement le préféré de façon à ajouter un événement à un objet DOM, parce que vous pouvez ajouter plusieurs événements, mais avec le dom attributon[event]
vous êtes limité à un événement.Voici un peu plus sur le sujet: https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener
Pendant que vous y êtes, vous pourriez aussi lire sur les
addEventListener
ami:removeEventListener
.addEventListener
est plus long à écrire, un fait correctement cadre pourrait même empêcher la création de tout type d'écouteur d'événement explicitement. Connaître le fonctionnement interne est bon d'aller plus loin.Non, ils ne sont pas les mêmes. Vous pourriez essayer:
et fonction1 et fonction2 à la fois répondre lorsque la fenêtre de redimensionnement.
Mais si vous utilisez
Seulement fonction2 répondre.