[Ajouter un mécanisme d'événement] AddEventListener et attachEvent
[W3C]
addEventListener ('click', function () {alert ('Hello world')}, false) // w3c La spécification ajoute des événements (IE8 et ci-dessus sont incompatibles); Le premier paramètre est le type d'événement, le second est le programme d'événement, le troisième faux est la bulle d'événement, et vrai est la capture d'événements
[IE]
attachEvent ('onClick', function () {alert ('Hello world')}) // ie ajoute un événement; Le premier paramètre est le type d'événement (besoin d'ajouter); Le second est le programme d'événements; Parce que IE ne prend en charge que les bulles d'événements, il n'y a que deux paramètres
[Compatibilité entre les navigateurs]
fonction insertEvent (obj, événement, fun) {if (obj.addevenListener) {addEventLitener (événement, fun, false)} else if (obj.attach) {attachEvent ('on' + event, fun)}}[Supprimer le mécanisme de l'événement] DemoveEventListener Detachevent
[W3C] RemoveEventListener
retireEventListener () // Les événements ajoutés à l'aide d'AddeventListener ne peuvent être supprimés que via des devingEventListener;
[Remarque] // La méthode suivante de supprimer les événements est erronée, car le programme d'événements ne doit pas être une fonction anonyme
addEventListener ('click', function () {alert ('Hello world')}, false)
retireEventListener ('click', function () {alert ('Hello world')}, false)
[résoudre]
addEventListener ('cliquez', box, false); devoieEventListener ('click', box, false); function box () {alert ('hello world');}[Compatibilité entre les navigateurs]
function DeleteEvent (obj, événement, fun) {if (obj.reMoveEventListener) {devoieEventListener (événement, fun, false); } else if (obj.detachevent) {détachevent ('on' + événement, fun)}}【Comportement par défaut pour bloquer les événements spécifiques】
[empêché àefault et returnvalue]
[W3C] Emptiserdefault
[IE] Reutrnvalue
[Compatibilité entre les navigateurs]
fonction (événement) {event = event || window.event; if (event.preventDefault) {event.PreventDefault ()} else {event.reTurnValue = false; }}【Obtenez l'objet cible】
[Target et Srcelement]
fonction (événement) {event = event || window.event; if (event.target) {return event.target; } else if (event.srcelement) {return event.srcelement; }}Le mécanisme d'événements JavaScript ci-dessus est compatible avec [compilation détaillée]. C'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.