El evento es incompatible con IE y FF. Hoy encontré algunos problemas con la transmisión. Consulte algunos métodos en línea y tenga algo de experiencia:
aclassArray [i] .onmouseover = function () {// Está bien escribir el código directamente en él. También puede pasar los parámetros para pasar, pero no es conveniente reutilizar}; AclassArray [i] .onMouseOver = LinkMouseOver // Se puede usar sin pasar parámetros, pero no se puede usar en los argumentos futuros.callee.caller.arguments [0] aclassArray [i] .onmouseOver = linkmouseOver }; // Esto se puede pasar, puede alertarlo, pero evt.clientx + hay un problema con "PX" y está vacío. . . argumentos.callee.caller.arguments [0] // Puede usar esto para resolver var src = evt.srcelement || evt.target; // También puedes seguir a SRC===================================================================================================================================================================================.
Código de ejercicio adjunto
<! DocType html> <html> <fead> <title> </title> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <link rel = "stylesheet" href = "css/ui-lightness/jQuery-ui-1.10.4.custom.custom.css" rollow "rollow" rollow "rollow" /> <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: visitado {font-tize: 36px; text-decoration: ninuos; #009 00ff; {font-size: 20px; color: rojo; border: #f00 1px sólido; posición: absoluto; ancho: 100px; altura: 30px;} </style> <script type = "text/javascript"> function inyonver () {var titletips = {"Baidu": "Baidu Sitio web Tips", "163": "163 TIPS", ",", "," Google "," Baidu "}} Tips del sitio web de Baidu", "163": "163 TIPS", ",", "," Google ". atag = document.getElementsBytagName ("A"); var aclassArray = []; for (var i = 0; i <atag.length; i ++) {if (atag [i] .className == "aclass") {aclassArray [aclassArsArray.length] = atag [i];}} for (var i = 0; i <aclassArray.Lengment; i ++) {var e; aclassArray [i] .onmouseover = function () {linkMouseOver ()}; aclassArray [i] .onMouseOut = linkMouseOut;}} function linkMouseOver () {var divTips = document.createElement ("div"); var evt = window.event || argumentos.callee.caller.arguments [0]; // Obtenga el objeto de evento divtips.classname = "divtips"; divtips.style.left = evt.clientx + "px"; // + px compatible ffdivtips.style.top = evt.clienty + "px"; // + px compatible con ffdivtips.innerhtml = "test"; document.getElementById ("diva"). appendChild (divtips);} function linkMouseOut () {var divtag = document.getElementsByTagName ("div"); para (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><br /><br /><br /><a href = "http://www.163.com" rel = "nofollow externo"> netease </a> <br/> <br/> <br/> <a href = "http://www.google.com" rel = "nofollow externo"> Google </a> </div> </body> </html>