communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > js给onclick事件赋值，动态传参数实例解说_javascript技巧

js给onclick事件赋值，动态传参数实例解说_javascript技巧

WBOY
Libérer： 2016-05-16 17:39:03
original
932 Les gens l'ont consulté
我们先看看错误的例子
Html代码
复制代码 代码如下:






Javascript代码
复制代码 代码如下:

<script> <BR>function show(value) <BR>{ <BR>alert(value); <BR>} <br><br>btn.onclick = show(certid.value); <BR><script> <BR></script>

以上代码执行起来是有错误的,因为show(certid.value)这句,直接就执行了show方法,而没有正确把这个方法对象赋给btn.onclick事件.
如果我们改成这样
复制代码 代码如下:

btn.onclick = show;

参数又无法传递.
所以正确的代码应该这样写,我们加一个参数以看得更明白一些:
Html代码
复制代码 代码如下:






Javascript代码
复制代码 代码如下:

<script> <BR>function show(value1,value2) <BR>{ <BR>alert(value1+","+value2); <BR>} <br><br>var i = 10; <BR>btn.onclick = function(){ <BR>show(certid.value,i); <BR>}; <BR><script> <BR></script>

这样就实现了动态给onclick事件句柄赋值,并支持参数的传递.
Étiquettes associées：
onclick
source：php.cn
Article précédent：js 利用image对象实现图片的预加载提高访问速度_javascript技巧 Article suivant：javascript重写alert方法的实例代码_javascript技巧
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
Derniers articles par auteur
Derniers numéros
Comment récupérer les valeurs des lignes non sélectionnées dans un tableau de données HTML à l'aide de jquery J'essaie d'obtenir la valeur de toutes les lignes sur lesquelles le bouton n'a pas été cli...
Depuis 2024-04-05 09:26:49
0
1
1418
JavaScript ne fonctionne pas comme prévu J'essaie de rendre htmlcssjs réactif mais cela ne fonctionne pas comme prévu, lorsqu'il es...
Depuis 2024-04-04 13:05:32
0
1
306
Erreur lors du collage de la fonction API des données du presse-papiers en javascript. Uncaught TypeError : Impossible de lire les propriétés de undefined (lecture de « getData ») Le code du bouton HTML est le suivant, j'ai essayé la simple fonction onclick sur le bouto...
Depuis 2024-04-04 10:23:52
0
1
335
Existe-t-il un moyen de masquer l'image après avoir cliqué dessus et de l'afficher en cliquant à nouveau ? J'ai une image superposée à un objet. Je veux cliquer dessus et le masquer, afficher l'obj...
Depuis 2024-04-03 20:13:41
0
1
311
React CSS importé dans le module jsx n'est pas appliqué J'importe mon fichier CSS comme ceci : importstylesfrom "./Documentation.module.css&q...
Depuis 2024-04-03 18:41:07
0
1
365
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal