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
Lernen Sie, benutzerdefinierte Hooks in React zu erstellen
1. Was sind benutzerdefinierte Hooks Wiederverwen...
Springboot verwendet die Front-End- und Back-End-Interaktion von Vue + Echarts, um dynamische Donut-Diagramme zu realisieren
Inhaltsverzeichnis Vorwort 1. Umgebungskonfigurat...
MySQL 8.0.20 Installations-Tutorial und ausführliches Tutorial zu Installationsproblemen
Ursprüngliche Adresse: https://blog.csdn.net/m0_4...
Detaillierte Erläuterung der Linux-Befehle „Datei überschreiben“ und „Datei anhängen“
1. Der Unterschied zwischen den Befehlen > und...
Implementierung von MySQL Select in der Unterabfrageoptimierung
Die folgende Demonstration basiert auf MySQL Vers...
js Canvas realisiert Slider-Verifizierung
In diesem Artikelbeispiel wird der spezifische Co...
HTML-Grundlagen-Zusammenfassungsempfehlung (Textformat)
HTML-Tags zur Textformatierung 標簽 描述 <b> 定義...
So löschen und deinstallieren Sie MySQL in Windows 10 vollständig
Vorwort Dieser Artikel enthält eine Anleitung zum...
Detaillierte Erklärung des JavaScript ES6-Moduls
Inhaltsverzeichnis 0. Was ist ein Modul 1.Modul l...
Der Unterschied zwischen der Speicherung von Zeichen mit voller Breite und Zeichen mit halber Breite in MySQL
Leider trat der Fehler MYSQL_DATA_TRUNCATED währe...
Zusammenfassung einiger Probleme, die bei der Integration von E-Charts mit vue.js aufgetreten sind
Vorwort Ich arbeite derzeit an der Datenanalysepl...
webpack -v Fehlerlösung
Hintergrund Ich möchte die Webpack-Version überpr...
Implementierungsschritte zur Installation eines FTP-Servers in Ubuntu 14.04
Inhaltsverzeichnis Installieren Softwareverwaltun...
Schritte zum Aktivieren von TLS in Docker für eine sichere Konfiguration
Vorwort Ich hatte zuvor die 2375 Remote API von D...
Schreiben von qualitativ hochwertigem Code – Praxisbuchauszüge zur Web-Frontend-Entwicklung
(Teil 4) Webstandards bestehen aus einer Reihe von...