Gemeinschaft Lernen Tools-Bibliothek Freizeit

Deutsch

Heim > Web-Frontend > js-Tutorial > javascript最短的拖动代码[兼容FF]_javascript技巧

javascript最短的拖动代码[兼容FF]_javascript技巧

WBOY

Freigeben： 2016-05-16 19:08:22

Original

1095 Leute haben es durchsucht

发帖时无法插入可运行代码?
以下为程序代码:

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">  
<script language="JavaScript" type="text/javascript">  
var x,y  
var drag_=false  
var D=new Function('obj','return document.getElementById(obj);')  
var IE=new Function('','if(navigator.appName.indexOf("Explorer")>=0)return 1;if(navigator.appName.indexOf("Netscape")>=0)return 2')  
function Move_obj(obj){//1  
                     D(obj).onmousedown=function(e){drag_=true//4  
                              with(this){style.position="absolute";temp1=offsetLeft;temp2=offsetTop;//5  
                              if(IE()==1){x=event.clientX;y=event.clientY//6  
                                  document.onmousemove=function(e){//7  
                                        if(drag_==false)return false  
                                     with(this){style.left=temp1+event.clientX-x+"px";style.top=temp2+event.clientY-y+"px"}  
                                     }//7  
                              }//6  
                              if(IE()==2){x=e.pageX;y=e.pageY;//8  
                                  document.onmousemove=function(e){//9  
                                        if(drag_==false)return false  
                                     with(this){style.left=temp1+e.pageX-x+"px";style.top=temp2+e.pageY-y+"px"}  
                                     }//9  
                              }//8  
                        }//5  
           document.onmouseup=new Function("drag_=false")  
                     }//4  
}//1  
</script>  
  
<div id="test" style="background-color:#0099CC;width:200px" onmouseover='Move_obj("test")'>杩</div>

Verwandte Etiketten：

javascript最短的拖动代码[兼容FF]

Quelle：php.cn

Vorheriger Artikel：javascript实现的LI列表输出，隔行同色的代码_javascript技巧 Nächster Artikel：iframe src为图片时的高度自适应的代码_javascript技巧

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Neueste Artikel des Autors

Was ist eine NullPointerException und wie behebe ich sie?

2024-10-22 09:46:29
Vom Anfänger zum Programmierer: Ihre Reise beginnt mit C-Grundlagen

2024-10-13 13:53:41
Webentwicklung mit PHP freischalten: Ein Leitfaden für Anfänger

2024-10-12 12:15:51
C entmystifizieren: Ein klarer und einfacher Weg für neue Programmierer

2024-10-11 22:47:31
Entfalten Sie Ihr Programmierpotenzial: C-Programmierung für absolute Anfänger

2024-10-11 19:36:51
Entfesseln Sie Ihren inneren Programmierer: C für absolute Anfänger

2024-10-11 15:50:41
Automatisieren Sie Ihr Leben mit C: Skripte und Tools für Anfänger

2024-10-11 15:07:41
PHP leicht gemacht: Ihre ersten Schritte in der Webentwicklung

2024-10-11 14:21:21
Erstellen Sie alles mit Python: Ein Leitfaden für Anfänger, um Ihrer Kreativität freien Lauf zu lassen

2024-10-11 12:59:11
Der Schlüssel zum Programmieren: Die Leistungsfähigkeit von Python für Anfänger freischalten

2024-10-11 12:17:31

Aktuelle Ausgaben

function_exists() kann die benutzerdefinierte Funktion nicht ermitteln Funktionstest () {Verwendung der Verwendung durch -Durch -Durch -Durch -Durch -Durch -Durc...

Aus 2024-04-29 11:01:01

0

3

2163

So zeigen Sie die mobile Version von Google Chrome an Hallo Lehrer, wie kann ich Google Chrome in eine mobile Version umwandeln?

Aus 2024-04-23 00:22:19

0

11

2313

Das untergeordnete Fenster bedient das übergeordnete Fenster, aber die Ausgabe antwortet nicht. Die ersten beiden Sätze sind ausführbar, der letzte Satz jedoch nicht.

Aus 2024-04-19 15:37:47

0

1

1950

Im übergeordneten Fenster erfolgt keine Ausgabe document.onclick = function(){ window.opener.document.write('Ich bin die Ausgabe des unter...

Aus 2024-04-18 23:52:34

0

1

1825

Wo gibt es die Kursunterlagen zum CSS-Mindmapping? Kursunterlagen

Aus 2024-04-16 10:10:18

0

0

1878

verwandte Themen

Mehr>

Beliebte Empfehlungen

Beliebte Tutorials

Mehr>

Verwandte Tutorials

Beliebte Empfehlungen

Aktuelle Kurse

Neueste Downloads

Mehr>

Web-Effekte

Quellcode der Website

Website-Materialien

Frontend-Vorlage