Maison > interface Web > js tutoriel > onchange et onpropertychange en js (solution invalide onchange)_compétences javascript

onchange et onpropertychange en js (solution invalide onchange)_compétences javascript

WBOY
Libérer: 2016-05-16 16:56:17
original
1450 Les gens l'ont consulté

Note de l'auteur : Rien ne s'est produit lorsque j'ai utilisé l'événement onchange aujourd'hui. Finalement, j'ai vérifié les informations et découvert les limitations et l'instabilité d'Onchange. Mais onpropertychange peut être très bien implémenté, notamment ses performances de capture en temps réel, qui valent la peine d'être utilisées (Grâce à ces performances, la patronne est très satisfaite de ce que j'ai fait o(∩_∩)o...).

Je suis aussi assez paresseux, et je suis trop paresseux pour trier les choses que j'ai faites. Je ne peux partager que la version originale des informations que j'ai recherchées :

.

Sous IE, lorsque les propriétés d'un élément HTML changent, il peut être capturé via onpropertychange. Par exemple un

Lorsque l'attribut value de l'objet

est modifié par le script sur la page, onchange ne peut pas être capturé, mais onpropertychange le peut. ( est capturé en temps réel)

En d'autres termes,  : onpropertychange peut capturer les changements dans les valeurs d'attribut dans le temps, while onchange est dans l'attribut Lorsque la valeur change, l'élément actuel doit perdre le focus (onblur) pour activer cet événement !

Par exemple :

Exemple 1 :

Veuillez saisir l'adresse de l'image :

Lorsque le contenu de la zone de texte est modifié, l'image s'affichera immédiatement. Et si vous utilisez onchange, lorsque vous modifiez sa valeur, vous devez cliquer sur un espace vide ou un autre endroit avec la souris pour faire perdre le focus à l'élément d'entrée (onblur) pour activer l'événement et l'affichage de l'image sera modifié !

Exemple 2 :

------------------------------------------------------ ------ --------------------

onpropertychangeL'événement est tellement mignon, j'en suis tombé amoureux au premier regard

onChange :Un événement déclenché lorsque l'élément actuel perd le focus et que le contenu de l'élément change [peut être déclenché par la souris et le clavier]

Ainsi, lorsque la valeur de l'objet est modifiée par le script, l'événement onChange ne sera pas déclenché car l'utilisateur ne bouge ni la souris ni le clavier

.
Étiquettes associées:
js
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal