Dieser Artikel beschreibt die erweiterte Drag -Methode, die JS mit verschiedenen Browsern kompatibel ist. Teilen Sie es für Ihre Referenz wie folgt weiter:
<! DocType html public "-// w3c // dtd html 4.01 // ede Drag </title> <style> #tobedraged {width: 100px; Höhe: 100px; Zeilenhöhe: 100px; Grenze: 1px solide Rot; Position: absolut; Text-Align: Mitte; Schriftfamilie: Arial, Helvetica, Sans-Serif; Cursor: Bewegung; } </style> <script type = "text/javaScript"> window.onload = function () {dodrag (); } function dodrag () {var div = document.getElementById ("tobedraged"); var posx; var posy; div.onmouseDown = Funktion (e) {var e = e || Fenster.Event; if (div.setCapture) {div.setCapture (); } posx = e.clientx - parseInt (div.offsetLeft); posy = e.clienty - parseInt (div.offsettop); document.onmousemove = function (ev) {var ev = ev || window.event; // Wenn es sich um ie if (ev.setcapture) {} div.style.left = (ev.clientx - posx)+"px"; div.style.top = (ev.clienty - posy)+"px"; } document.onmouseUp = function () {document.onmousemove = null; document.onmouseUp = null; if (div.releaSecapture) {div.releaSecapture (); }}}}} </script> </head> <body> <div id = "TobedRaged"> Sie ziehen mich! </div> </body> </html>Weitere Informationen zu javaScriptbezogenen Inhalten finden Sie in den Themen dieser Website: "Zusammenfassung der JavaScript -Switching -Effekte und -Techniken", "Zusammenfassung der Fähigkeiten der JavaScript -Suchalgorithmus", "Zusammenfassung der JavaScript -Animationseffekte und -Techniken", "Zusammenfassung von JavaScript -Fehler und Debugging -Techniken", Summary of Javacript -Daten und Algorith -Fähigkeiten "," Summary of Javacript Data Structures "," Summary of Javacript Data Structures "" "" "" "" "" "" "" "" "" " JavaScript -Traversalalgorithmen und -techniken "und" Zusammenfassung der Nutzung von JavaScript -Mathematischen Operationen "
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.