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
Wie funktionieren die dynamischen Komponenten von Vue3?
Inhaltsverzeichnis 1. Komponentenregistrierung 1....
CentOS7-Netzwerkkonfiguration unter virtueller VMware-Maschine (Host für drahtlosen Internetzugang)
Dies ist das erste Mal, dass ich das CentOS7-Syst...
CSS Flex mehrere mehrspaltige Layouts
Grundlegendes dreispaltiges Layout .Container{ An...
Vue verwendet Split, um die universelle Drag-and-Slide-Partitionspanel-Komponente zu kapseln
Inhaltsverzeichnis Vorwort Start Grundlegendes La...
Ein vollständiges Beispiel für die Abfrage von Batchdaten aus einer Tabelle durch MySQL und deren Einfügen in eine andere Tabelle
Sag es im Voraus Nodejs liest die Datenbank als a...
GZIP-Komprimierung Tomcat und Prozessdiagramm zur Verbesserung der Web-Leistung
1. Einleitung Ich habe vor Kurzem an einem Projek...
Detaillierte Erklärung dieser Zeigerfunktion in JS
Die Pfeilfunktion ist eine neue Funktion in ES6. ...
So verwenden Sie IDEA, um ein Webprojekt zu erstellen und es auf Tomcat zu veröffentlichen
Inhaltsverzeichnis Web-Entwicklung 1. Überblick ü...
HTML-Implementierung eines einfachen Rechners mit detaillierten Ideen
Code kopieren Der Code lautet wie folgt: <!DOC...
Detaillierte Erläuterung des Installationsprozesses von Jenkins auf CentOS 7
Installieren Sie Jenkins über Yum 1. Installation...
MySQL 5.7.18 MSI-Installations-Grafik-Tutorial
In diesem Artikel wird das MySQL 5.7.18 MSI-Insta...
So installieren Sie RabbitMQ schnell in Docker
1. Holen Sie sich das Bild #Geben Sie die Version...
Eine universelle Nginx-Schnittstelle zur Implementierung der Reverse-Proxy-Konfiguration
1. Was ist ein Proxyserver? Proxyserver: Wenn der...
So installieren Sie eine ISO-Datei im Linux-System
Wie installiere ich ISO-Dateien unter einem Linux...
Rufen Sie die Schriftart entsprechend dem Schriftnamen auf, damit der Browser die gewünschte Schriftart anzeigt
Frage 1: Wie weisen Sie den Browser an, die gewüns...