Maison > interface Web > tutoriel HTML > le corps du texte

Comment utiliser la méthode de déclenchement pour afficher la boîte de dialogue de sélection de fichier sans cliquer sur la saisie du type de fichier

php中世界最好的语言
Libérer: 2018-02-10 09:40:49
original
3038 Les gens l'ont consulté

Cette fois, je vais vous montrer comment utiliser la méthode de déclenchement pour afficher la boîte de dialogue de sélection de fichier sans cliquer sur le type de fichier, et comment utiliser la méthode de déclenchement pour afficher la boîte de dialogue de sélection de fichier sans cliquer sur le type de fichier. input Notes Que sont-elles ? Voici des cas réels.

Vous pouvez utiliser la méthode trigger. Il n'y a pas de fonction de déclenchement native en javascript Vous pouvez en écrire une vous-même, ou vous pouvez utiliser directement l'implémentation jquery :

<.>
var button1 = document.getElementById("button1");  
    var button2 = document.getElementById("button2");  
    button1.onclick = function(){alert("button1");trigger(button2,"onclick");}  
    button2.onclick = function(){alert("button2");}  
    function trigger(ele,event)   
    {ele[event]();}
Copier après la connexion
Vous pouvez également utiliser une méthode plus simple, qui consiste à couvrir l'image, le lien hypertexte ou tout autre div sur lequel cliquer avec l'entrée, puis à définir l'entrée pour qu'elle soit complètement transparente, de sorte que lorsque vous cliquez sur l'image, vous cliquez en fait sur l'entrée, comme suit :


<div class="ps-image" style="width:300px;height:300px;border:0px sold red; background:url(&#39;/images/ps.png&#39;)">  
    <input type="file" id="file" style="filter:alpha(opacity=0);opacity:0;width:100%;height:100%;"/>  
    </div>
Copier après la connexion
Je pense que vous maîtrisez les méthodes après avoir lu ces cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le php chinois. site web!

Lecture connexe :

Quels sont les symboles pour marquer les commentaires textuels en HTML ?

Comment définir et masquer d'autres attributs dans une balise Afficher uniquement les images

Comment implémenter une interface de ligne de commande de type HTML

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal