L'événement est incompatible avec IE et FF. Aujourd'hui, j'ai rencontré quelques problèmes avec la transmission. Veuillez vous référer à certaines méthodes en ligne et avoir une certaine expérience:
aclassArray [i] .onMouseOver = function () {// Il est acceptable d'écrire directement le code. Vous pouvez également transmettre des paramètres à passer, mais il n'est pas pratique de réutiliser}; aclassarray [i] .onMouseOver = linkmouseOver // il peut être utilisé sans paramètres de passage, mais il ne peut pas être utilisé dans les futurs arguments.callee.caller.arguments [0] AclassArray [i] .onMouseOver = LinkMouseOver () // Putting Bracets est un usage incorrect AclassArray [i] .onMouseOver = Forction () {linkMouse (this) }; // Cela peut être transmis, vous pouvez l'alerter, mais evt.clientx + il y a un problème avec "PX" et il est vide. . . arguments.callee.caller.arguments [0] // Vous pouvez l'utiliser pour résoudre var src = evt.srcelement || evt.target; // Vous pouvez également suivre SRC======================================================================================================.
Code d'exercice ci-joint
<! Doctype html> <html> <éadf> <tôme> </ title> <méta http-equiv = "tent-type" contenu = "text / html; charset = utf-8" /> <link rel = "Stylesheet" href = "csss / ui-light / jQuery-ui-1.10.4.crustom.css" externet nofol /> <script src = "js / jQuery-1.10.2.js"> </ script> <script src = "js / jQuery-ui-1.10.4.custom.js"> </ script> <style type = "text / css">. aclass, .Aclass: visited {font-size: 36px; text-decoration: nother; colore: # 0094ff;. {Font-Size: 20px; couleur: rouge; bordure: # f00 1px solide; position: absolue; largeur: 100px; hauteur: 30px;} </ style> <script type = "text / javascrip atag = document.getElementsByTagName ("a"); var aclassArray = []; for (var i = 0; i <atag.length; i ++) {if (atag [i] .classname == "aclass") {aclassarray [aclassarray.length] = atag [i];}} pour (var i = 0; i <aclass. i ++) {var e; aclassArray [i] .onMouseOver = function () {linkmouseOver ()}; aclassArray [i] .onMouseout = linkmouseout;}} function linkmouseover () {var divtips = document.createElement ("div"); var evt = window.event || arguments.callee.caller.arguments [0]; // Obtenez l'objet de l'événement divtips.classname = "divtips"; divtips.style.left = evt.clientx + "px"; // + px compatible ffdivtips.style.top = evt.clienty + "px"; // + px compatible avec ffdivtips.innerhtml = "test"; document.getElementById ("diva"). appendChild (divtips);} fonction linkmouseout () {var divtag = document.getElementsByTagName ("div"); for (var i = 0; i <divtag.length; i ++) {if (divtag [i] .classname == "divtips")) {document.getElementById ("diva"). removechild (divtag [i]);}}} window.onload = initOnover; </script> </ head> <body> <div id = "diva"> <a href = "http://www.baidu.com" rel = "external nofollow"> baidu </a> /> <a href = "http://www.163.com" rel = "external nofollow"> netEase </a> <br /> <br /> <br /> <a href = "http://www.google.com" rel = "external nofollow"> google </a> </v> </od body> </ html>