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

Question

<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

Answer 1

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".

Answer 2

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

Answer 3

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