recherche

Maison  >  Questions et réponses  >  le corps du texte

javascript - Comment transmettre des paramètres dans la liaison d'événement OnChange en JS?

<input type="file" type="file" accept="image/*" onchange="previewImage" multiple/>

onchange里面填写previewImage能在previewImage函数里面获取到一个值(很多人都会写成e),里面有files,这个e是什么?
如果在onchange里面填写previewImage('segmentfault'),在previewImageDans la fonction, seul le segmentfault peut être obtenu. Où est passé le e ? Que dois-je faire si je veux les obtenir en même temps ?

Et quelle est la différence previewImage('segmentfault')previewImage ?

Quand

est passé previewImage, n'est-ce pas juste une référence ? Pourquoi est-il appelé directement ?

Veuillez recommander un tutoriel ou un livre js. Maintenant, j'utilise uniquement jq, vue et diverses bibliothèques js. . Mais lorsque je rencontre des problèmes, je n’arrive pas toujours à les résoudre, ce qui me frustre. . Si vous souhaitez apprendre les bases, veuillez recommander ce livre

PHPzPHPz2849 Il y a quelques jours846

répondre à tous(3)je répondrai

  • 高洛峰

    高洛峰2017-05-19 10:20:17

    Le paramètre de previewImage peut être ceci, qui fait référence à la balise <input>
    Manipulez les fichiers via this.files. Par exemple, this.files.length est le nombre de fichiers, et this.files[index] pointe vers le fichier correspondant.
    Le paramètre de previewImage peut être event, qui fait référence à l'événement de changement.

    Quant à l'ajout de gestionnaires d'événements, vous pouvez
    1 Écrire le code js directement entre guillemets, comme

    .
    <input type="file" accept="image/*" onchange="alert
    (event.type);" multiple/>
    

    2.onchange = nom de la fonction, la fonction est déclarée dans le script. Si "previewImage" n'ajoute pas (), il ne sera pas exécuté.

    <input type="file" accept="image/*" onchange="previewImage
    (this)" multiple/>
    <script> function previewImage(obj){
                alert(obj.files.length);
            };</script>
    

    3.Gestionnaire d'événements DOM niveau 0

    <input type="file" accept="image/*" multiple/>
    <script> document.getElementsByTagName("input")[0].onchange = function(){
                alert(event.type);
            };</script>
    

    4.Gestionnaire d'événements DOM niveau 2

    <input type="file" accept="image/*"  multiple/>
    <script> document.getElementsByTagName("input")[0].addEventListener("change",function(){
                alert(event.type);
            });</script>`
    或者IE7 8中为`<script> document.getElementsByTagName("input")[0].attachEvent("onchange",function(){
                alert(event.type);
            });</script>
    

    J'ai peut-être écrit quelque chose de mal, le meilleur moyen est de le pratiquer vous-même.
    Le livre que j'ai lu est la troisième édition de "JavaScript Advanced Programming".

    répondre
    0
  • 巴扎黑

    巴扎黑2017-05-19 10:20:17

    e表示event
    可以通过this获取相关filesDonnées ;
    "Programmation avancée JavaScript" recommandée

    répondre
    0
  • 伊谢尔伦

    伊谢尔伦2017-05-19 10:20:17

    Livre Rhino recommandé par Basic js - Le guide faisant autorité sur JavaScript (6e édition)

    répondre
    0
  • Annulerrépondre