Verwenden Sie die Triggermethode, um ein Popup-Dialogfeld zur Dateiauswahl zu realisieren, ohne auf die Dateitypeingabe klicken zu müssen
|
Sie können die Trigger-Methode verwenden. In JavaScript gibt es keine native Trigger-Funktion. Sie können selbst eine schreiben oder die Implementierung von jQuery direkt verwenden: Code kopieren Der Code lautet wie folgt:var button1 = document.getElementById("button1"); var button2 = document.getElementById("button2"); button1.beimKlicken = Funktion(){Alarm("button1");Trigger(button2,"beimKlicken");} button2.onclick = Funktion(){Alarm("button2");} Funktion Trigger (Element, Ereignis) {ele[Ereignis]();} Sie können auch eine einfachere Methode verwenden, indem Sie das Bild, den Hyperlink oder ein anderes Div, auf das geklickt werden soll, mit der Eingabe abdecken und die Eingabe dann vollständig transparent einstellen, sodass Sie beim Klicken auf das Bild tatsächlich auf die Eingabe klicken. Gehen Sie dazu wie folgt vor: Code kopieren Der Code lautet wie folgt:<div class="ps-image" style="width:300px;height:300px;border:0px verkauft rot; background:url('/images/ps.png')"> <input type="file" id="file" style="filter:alpha(opacity=0);opacity:0;width:100%;height:100%;"/> </div> |
<<: Der Unterschied zwischen Vue-Interpolationsausdruck und V-Text-Direktive
>>: Detaillierter Prozess der Installation von nginx1.9.1 auf centos8
Artikel empfehlen
Lösung für das Problem, dass englische Buchstaben in Firefox nicht umbrochen werden
Das Layout des Textes unterliegt je nach Sprache ...
Detaillierte Erläuterung der MySQL-Sicherungs- und Wiederherstellungspraxis von mysqlbackup
1. Einführung in mysqlbackup mysqlbackup ist die ...
Installieren und konfigurieren Sie SSH in CentOS7
1. Installieren Sie openssh-server yum install -y...
So verwenden Sie dl(dt,dd), ul(li), ol(li) in HTML
HTML <dl> Tag #Definition und Verwendung Da...
Erläuterung der Anwendungsfälle von JavaScript setTimeout und setTimeinterval
Mit beiden Methoden kann ein JavaScript-Code nach...
CentOS 6 Kompilieren und installieren Sie ZLMediaKit-Analyse
Installieren Sie ZLMediaKit auf centos6 Der Autor...
Detaillierte Analyse der HTML-Semantik und der zugehörigen Front-End-Frameworks
Über Semantik Die Semantik ist die Lehre von der ...
Implementierung von TypeScript im React-Projekt
Inhaltsverzeichnis 1. Einleitung 2. Nutzung Zusta...
Tipps zur Datenstatistik in MySQL
Als häufig verwendete Datenbank erfordert MySQL v...
Reagieren Sie mit Beispielcode zur Implementierung des Anmeldeformulars
Als Vue-Benutzer ist es an der Zeit, React zu erw...
So erstellen Sie mit Docker von Grund auf ein persönliches SOLO-Blog
Inhaltsverzeichnis 1. Umweltvorbereitung 2. Docke...
CSS zum Erzielen eines Chat-Blaseneffekts
1. Rendern JD-Effekt Simulationseffekt 2. Grundsa...
Verstehen von MySQL-Deadlock-Routinen durch eindeutige Index-S-Sperre und X-Sperre
In „MySQL-Deadlock-Probleme anhand des Quellcodes...
Vue realisiert Click-Flip-Effekt
Verwenden Sie Vue, um einfach einen Click-Flip-Ef...
Der Unterschied zwischen ${param} und #{param} in MySQL
Der von ${param} übergebene Parameter wird als Te...