La chose la plus simple est la suivante:
<entrée type = "bouton" onclick = "alert (this.value)" value = "je suis un bouton" />
Ajouter dynamiquement l'événement OnClick:
<input type = "Button" value = "Je suis un bouton" id = "bu"> <script type = "text / javascript"> var bobj = document.getElementById ("bu"); bobj.onclick = objClick; fonction objClick () {alert (this.value)}; </script>Si vous utilisez la fonction de fonction anonyme () {}, c'est comme suit:
<input type = "Button" value = "Je suis un bouton" id = "bu"> <script type = "text / javascript"> var bobj = document.getElementById ("bu"); bobj.onclick = function () {alert (this.value)}; </ script>Les méthodes ci-dessus sont en fait le même principe, elles définissent toutes la valeur de l'attribut onClick. Il convient de noter que si obj.onclick est défini plusieurs fois, comme: obj.onclick = méthode1; obj.onclick = méthode2; Obj.OnClick = Method3, alors seule la dernière définition Obj.OnClick = Method3 prendra effet, et les deux définitions précédentes sont remplacées par la dernière.
Regardons à nouveau le PiceEvent dans IE:
<input type = "Button" value = "I Am Laden" id = "bu"> <script type = "text / javaScript"> var bobj = document.getElementById ("bu"); bobj.attachevent ("onclick", méthode1); bobj.attachevent ("onclick", méthode2); bobj.attachevent ("onclick", méthode3); furet1 () {alltAtty alert ")} Fonction Method2 () {alert (" deuxième alerte ")} Fonction Method3 () {alert (" Third Alert ")} </ Script>L'ordre d'exécution est Method3> Method2> Method1, d'abord dans puis sorti, similaire aux variables de la pile. Il convient de noter que le premier paramètre de Pié-Pièce commence, qui peut être onclick / onmouseover / onfocus, etc.
Il est dit que (vérification non confirmée) il est préférable d'utiliser Detachevent pour libre de la mémoire après avoir utilisé PiptEvent dans IE.
Jetons un coup d'œil à l'AdveventListener dans Firefox:
<input type = "Button" value = "I Am Bush" id = "bu"> <script type = "text / javascript"> var bobj = document.getElementyid ("bu"); bobj.addeventListener ("cliquez", méthode1, false); bobj.addeventListener ("cliquez", méthode2, false); bobj.addeventListener ("cliquez", méthode3, false); fure Method1 () {alert ("First Alert")} Fonction Method2 () {alert ("Second Alert")} Fonction Method3 () {alert ("Third Alert")} </ Script>Comme vous pouvez le voir, l'ordre d'exécution dans FF est Method1> Method2> Method3, qui est exactement l'opposé de IE, d'abord en premier. Il convient de noter qu'AddeventListener a trois paramètres. Le premier est le nom de l'événement sans "ON", comme Click / Mouseover / Focus, etc.
L'exemple simple de l'événement OnClick dans le div ajouté dynamiquement par JS est tout le contenu que je partage avec vous. J'espère que vous pourrez vous faire référence et j'espère que vous pourrez soutenir Wulin.com plus.