Web-Frontend
js-Tutorial
Ausführliche Erklärung, wie Sie Javascript verwenden, um das div-Modul mit dem Beispielcode der Maus zu ziehen
Ausführliche Erklärung, wie Sie Javascript verwenden, um das div-Modul mit dem Beispielcode der Maus zu ziehen
document.all[] ist eine Array-Variable, die aus allen Tags im Dokument besteht, einschließlich aller Elemente im Dokumentobjekt
Der Wert von event.button: 0 keine Schaltfläche gedrückt 1 gedrückt Linke Taste 2 Rechte Taste drücken 3 Linke und rechte Taste drücken 4 Mittlere Taste drücken 5 Linke und mittlere Taste drücken 6 Rechte und mittlere Taste drücken 7 Alle Tasten drücken
Das Folgende ist der Implementierungscode, der ein Fenster imitiert , und es abdeckbar machen Live-Auswahl
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>测试可动p</title>
<script language='javascript' type='text/javascript'>
var offset_x;
var offset_y;
function Milan_StartMove(oEvent,p_id)
{
var whichButton;
if(document.all&&oEvent.button==1) whichButton=true;
else { if(oEvent.button==0)whichButton=true;}
if(whichButton)
{
var op=p_id;
offset_x=parseInt(oEvent.clientX-op.offsetLeft);
offset_y=parseInt(oEvent.clientY-op.offsetTop);
document.documentElement.onmousemove=function(mEvent)
{
var eEvent;
if(document.all) eEvent=event;
else{eEvent=mEvent;}
var op=p_id;
var x=eEvent.clientX-offset_x;
var y=eEvent.clientY-offset_y;
op.style.left=(x)+"px";
op.style.top=(y)+"px";
var d_op=document.getElementById("disable_"+op.id);
d_op.style.left=(x)+"px";
d_op.style.top=(y)+"px";
}
}
}
function Milan_StopMove(oEvent){document.documentElement.onmousemove=null; }
function p_Close(o)
{var op=o; op.style.display="none";var d_op=document.getElementById("disable_"+o.id);d_op.style.display="none";}
</script>
</head>
<body>
<p id="op" style="position:absolute;width:100px;height:60px;border:1px solid silver;left:100px;top:100px;z-index:9999;">
<p id="move" onmousedown="Milan_StartMove(event,this.parentNode)" onmouseup="Milan_StopMove(event)"
style="cursor:move;width:100%;height:15px;background-color:#0066cc; font-size:10px;">
<p onclick="p_Close(this.parentNode.parentNode)" style="float:right; width:10px; height:100%; cursor:hand; background-color:#cc3333; color:White;font-size:15px;">X</p>
</p>
<span>测试一下</span>
</p>
<p id="disable_op" style="position:absolute;left:100px;top:100px;width:100px; height:60px; z-index:9998;FILTER:alpha(opacity=50);";>
<iframe src="about:blank" name="hiddenIframe" width="100%" frameborder="0" height="60px" title="遮盖层"></iframe></p>
<select name="ListHead1$DropDownList3" id="ListHead1_DropDownList3">
<option selected="selected" value=""></option>
<option value="2">3333</option>
<option value="6">1111</option>
<option value="B">222</option>
</select>
</body>
</html>Ist dieses ziehbare P jetzt viel besser? Machen Sie sich keine Sorgen mehr über die Wahl. Die zuvor veröffentlichte Version kann nur unter IE normal funktionieren und verwendet hauptsächlich parentElement. Jetzt wird sie durch parentNode ersetzt und der CSS-Stil wurde angepasst, sodass sie auch unter FF normal ausgeführt werden kann.
Das obige ist der detaillierte Inhalt vonAusführliche Erklärung, wie Sie Javascript verwenden, um das div-Modul mit dem Beispielcode der Maus zu ziehen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
1393
52
Wie deaktiviere ich die Vorschau der Taskleisten-Miniaturansichten in Win11? Deaktivieren Sie die Anzeige der Miniaturansichten der Taskleistensymbole durch Bewegen der Maus
Feb 29, 2024 pm 03:20 PM
In diesem Artikel erfahren Sie, wie Sie die Miniaturbildfunktion deaktivieren, die angezeigt wird, wenn die Maus das Taskleistensymbol im Win11-System bewegt. Diese Funktion ist standardmäßig aktiviert und zeigt eine Miniaturansicht des aktuellen Fensters der Anwendung an, wenn der Benutzer den Mauszeiger über ein Anwendungssymbol in der Taskleiste bewegt. Einige Benutzer empfinden diese Funktion jedoch möglicherweise als weniger nützlich oder störend für ihr Erlebnis und möchten sie deaktivieren. Miniaturansichten in der Taskleiste können Spaß machen, aber auch ablenken oder stören. Wenn man bedenkt, wie oft Sie mit der Maus über diesen Bereich fahren, haben Sie möglicherweise ein paar Mal versehentlich wichtige Fenster geschlossen. Ein weiterer Nachteil besteht darin, dass es mehr Systemressourcen verbraucht. Wenn Sie also nach einer Möglichkeit suchen, ressourceneffizienter zu arbeiten, zeigen wir Ihnen, wie Sie es deaktivieren können. Aber
Razer |. Die kabellose Pokémon Gengar-Maus und das Mauspad sind jetzt zum Setpreis von 1.549 Yuan erhältlich
Jul 19, 2024 am 04:17 AM
Laut Nachrichten dieser Website vom 12. Juli kündigte Razer heute die Einführung der kabellosen Maus und des Mauspads Razer|Pokémon Gengar an. Die Einzelproduktpreise betragen 1.299 Yuan bzw. 299 Yuan, und der Paketpreis inklusive der beiden Produkte beträgt 1.549 Yuan. Dies ist nicht das erste Mal, dass Razer Peripherieprodukte mit Gengar-Co-Branding auf den Markt bringt. Im Jahr 2023 brachte Razer die Gaming-Maus Yamata Orochi V2 im Gengar-Stil auf den Markt. Die beiden dieses Mal eingeführten neuen Produkte verwenden alle einen dunkelvioletten Hintergrund, der dem Erscheinungsbild der Ghost-, Ghost- und Gengar-Familien ähnelt. Sie sind mit den Umrissen dieser drei Pokémon und Pokébällen bedruckt, mit dem Charakter Gengar in der Mitte großes, farbenfrohes Bild eines klassischen Pokémon vom Typ Geist. Auf dieser Website wurde festgestellt, dass die drahtlose Maus Razer|Pokémon Gengar auf der zuvor veröffentlichten Viper V3 Professional Edition basiert. Sein Gesamtgewicht beträgt 55 g und es ist mit Razers FOC der zweiten Generation ausgestattet
HP bringt die Softmaus Professor 1 mit drei Modi auf den Markt: 4000 DPI, Blue Shadow RAW3220, Erstpreis 99 Yuan
Apr 01, 2024 am 09:11 AM
Laut Nachrichten dieser Website vom 31. März hat HP kürzlich auf JD.com eine Professor1-Bluetooth-Maus mit drei Modi auf den Markt gebracht, die in den Farben Schwarz und Weiß in Milchtee erhältlich ist. Der Anfangspreis beträgt 99 Yuan und eine Anzahlung von 10 Yuan ist erforderlich . Berichten zufolge wiegt diese Maus 106 Gramm, hat ein ergonomisches Design, misst 127,02 x 79,59 x 51,15 mm, verfügt über sieben optionale 4000-DPI-Stufen, ist mit einem Blue Shadow RAW3220-Sensor ausgestattet und verwendet angeblich einen 650-mAh-Akku kann mit einer einzigen Ladung 2 Monate lang verwendet werden. Die dieser Site beigefügten Mausparameterinformationen lauten wie folgt:
Die Produkte der VGN-Co-Branding-Tastatur- und Mausserie „Elden's Circle' sind jetzt in den Regalen: Lani / Faded One benutzerdefiniertes Thema, ab 99 Yuan
Aug 12, 2024 pm 10:45 PM
Laut Nachrichten dieser Website vom 12. August hat VGN am 6. August die gemeinsame Tastatur- und Mausserie „Elden Ring“ auf den Markt gebracht, die Tastaturen, Mäuse und Mauspads umfasst, die im individuellen Design von Lani/Faded One gestaltet sind Es wurde auf JD.com zum Preis von 99 Yuan veröffentlicht. Die dieser Website beigefügten Informationen zu neuen Co-Branding-Produkten lauten wie folgt: VGN丨Elden Law Ring S99PRO-Tastatur Diese Tastatur verwendet ein Gehäuse aus reiner Aluminiumlegierung, ergänzt durch eine fünfschichtige Schalldämpferstruktur, verwendet eine GASKET-Blattfederstruktur und verfügt über eine einzelne -Tasten-Schlitzplatine und Tastenkappen aus PBT-Material in Originalhöhe, personalisierte Rückwandplatine aus Aluminiumlegierung; unterstützt Drei-Modus-Verbindung und SMARTSPEEDX-Technologie mit geringer Latenz, verbunden mit VHUB, kann es ab 549 Yuan mehrere Geräte auf einmal verwalten; VGN丨Elden French Ring F1PROMAX kabellose Maus die Maus
Microsoft Word kann keinen Text mit der Maus auswählen oder hervorheben
Feb 20, 2024 am 09:54 AM
In diesem Artikel werden Probleme untersucht, die auftreten können, wenn die Maus keinen Text in Microsoft Word auswählen oder hervorheben kann, und wie diese behoben werden können. Warum kann ich in Microsoft Word keinen Text auswählen? Die Unfähigkeit, Text in MSWord auszuwählen, kann verschiedene Ursachen haben, z. B. Berechtigungseinschränkungen, Dokumentschutz, Probleme mit dem Maustreiber oder Dateibeschädigung. Nachfolgend finden Sie Lösungen für diese Probleme. Fix Microsoft Word kann mit der Maus keinen Text auswählen oder hervorheben. Wenn Microsoft Word mit der Maus keinen Text auswählen oder hervorheben kann, befolgen Sie die unten aufgeführten Lösungen: Stellen Sie sicher, dass Ihre linke Maustaste funktioniert. Überprüfen Sie, ob Sie berechtigt sind, die Datei zu ändern. Aktualisieren Sie den Treiber Ihrer Maus
In welchem Ordner befindet sich der Razer-Maustreiber?
Mar 02, 2024 pm 01:28 PM
Viele Benutzer wissen nicht, wo die von ihren Razer-Treibern installierten Dateien gespeichert sind. Diese Treiberdateien werden normalerweise auf der Systemfestplatte installiert, bei der es sich um das Laufwerk C des Computers handelt. Der genaue Speicherort befindet sich im RAZE-Ordner unter „Programme“. In welchem Ordner befindet sich der Razer-Maustreiber? A: Im RAZE-Ordner unter „Programme“ auf dem Systemlaufwerk C. Im Allgemeinen wird der Treiber auf dem Laufwerk C installiert. Suchen Sie ihn einfach anhand des Speicherorts. Einführung in die Installationsmethode für Razer-Maustreiber 1. Doppelklicken Sie nach dem Herunterladen der Datei von der offiziellen Website, um die heruntergeladene EXE-Datei auszuführen. 2. Warten Sie, bis die Software geladen ist. 3. Hier können Sie auswählen, welchen Treiber Sie installieren möchten. 4. Klicken Sie nach der Auswahl unten rechts auf „Installieren“.
Empfohlen: Ausgezeichnetes JS-Open-Source-Projekt zur Gesichtserkennung und -erkennung
Apr 03, 2024 am 11:55 AM
Die Technologie zur Gesichtserkennung und -erkennung ist bereits eine relativ ausgereifte und weit verbreitete Technologie. Derzeit ist JS die am weitesten verbreitete Internetanwendungssprache. Die Implementierung der Gesichtserkennung und -erkennung im Web-Frontend hat im Vergleich zur Back-End-Gesichtserkennung Vor- und Nachteile. Zu den Vorteilen gehören die Reduzierung der Netzwerkinteraktion und die Echtzeiterkennung, was die Wartezeit des Benutzers erheblich verkürzt und das Benutzererlebnis verbessert. Die Nachteile sind: Es ist durch die Größe des Modells begrenzt und auch die Genauigkeit ist begrenzt. Wie implementiert man mit js die Gesichtserkennung im Web? Um die Gesichtserkennung im Web zu implementieren, müssen Sie mit verwandten Programmiersprachen und -technologien wie JavaScript, HTML, CSS, WebRTC usw. vertraut sein. Gleichzeitig müssen Sie auch relevante Technologien für Computer Vision und künstliche Intelligenz beherrschen. Dies ist aufgrund des Designs der Webseite erwähnenswert
Was bedeutet Maus-CPI?
Feb 12, 2024 pm 09:40 PM
Der CPI wird auch als Countperinch bezeichnet. Je höher der CPI-Wert, desto empfindlicher ist die Maus. In diesem Artikel erhalten Sie eine Einführung in die Funktion die CPI-Taste der Maus. Was bedeutet cpi? Die linke Taste wird zur rechten Taste. Wie stellt man die Maus ein? Antwort: Die Zahl der Koordinaten Die bei dynamischer Bewegung pro Zoll rückgekoppelten Punkte sind die Empfindlichkeit der Maus. Einführung in die Tastenfunktionen: 1. Passen Sie die Mausbewegungsgeschwindigkeit an. 2. Passen Sie die Mausempfindlichkeit an, indem Sie die CPI-Taste drücken. 3. Dynamische Indikatoren zur Messung der Mausempfindlichkeit.
