Note de l'auteur : Il n'y a eu aucune réponse 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 donc 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
<input name="text1" id="text1" />
Lorsque l'attribut value de l'objet est modifié par le script de la page, onchange ne peut pas le capturer, mais onpropertychange peut le capturer. (Capturé en temps réel)
En d'autres termes : onpropertychange peut capturer les changements dans les valeurs d'attribut en temps opportun, et onchange doit faire perdre le focus à l'élément actuel (onblur) lorsque la valeur d'attribut change pour activer l'événement !
comme:
Exemple 1 :
Veuillez saisir l'adresse de l'image : <input type="text" name="mytext" size="10" value="" onpropertychange="document.images['myimg'].src=this.value;" /> <img identifiant ="monimg" src="/img/common/logo.gif" />
Lorsque le contenu de la zone de texte est modifié, l'image s'affiche 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 :
<INPUT id="image" style="WIDTH : 448px ; HEIGHT : 22px" onpropertychange="preview.src=image.value" type="file" size="55" name="File1" runat="server">
<IMG id="aperçu" src="">
-------------------------------------------------- ---------------
L'événement onpropertychange est tellement mignon que 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é à la fois 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.