communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > 给事件响应函数传参数的四种方式小结_javascript技巧

给事件响应函数传参数的四种方式小结_javascript技巧

WBOY
Libérer： 2016-05-16 17:10:38
original
1114 Les gens l'ont consulté

如何给事件handler传参数？在刚刚接触Javascript的时候，由于对闭包理解不深刻，常常纠结于该问题。

在讨论群里也经常碰到这样的问题，如下

复制代码 代码如下:




   
    如何给事件handler传参数？


 Click me
 



如何把参数v1，v2传给handler？默认事件对象将作为handler的第一个参数传入，这时点击链接第一个弹出的是事件对象，第二个是undefined。

方案一 ，未保留事件对象作为第一个参数传入

复制代码 代码如下:

function handler(arg1,arg2){
 alert(arg1);
 alert(arg2);
}
E.on(document.getElementById('aa'),'click',function(){ 
 handler(arg1,arg2); 
});

方案二，保留事件对象作为第一个参数 
复制代码 代码如下:

function handler(e,arg1,arg2){
 alert(e);
 alert(arg1);
 alert(arg2);
}
E.on(document.getElementById('aa'),'click',function(e){
 handler(e,arg1,arg2);
});

方案三，给Function.prototype添加getCallback，不保留事件对象
复制代码 代码如下:

Function.prototype.getCallback = function(){
 var _this = this, args = arguments;  
 return function(e) {
        return _this.apply(this || window, args);
    };
}
E.on(document.getElementById('aa'),'click',handler.getCallback(v1,v2));

方案四，给Function.prototype添加getCallback，保留事件对象作为第一个参数传入
复制代码 代码如下:

Function.prototype.getCallback = function(){
 var _this = this, args = [];
 for(var i=0,l=arguments.length;i  args[i+1] = arguments[i];
 }
 return function(e) {
  args[0] = e;
        return _this.apply(this || window, args);
    };
}
E.on(document.getElementById('aa'),'click',handler.getCallback(v1,v2));
Étiquettes associées：
函数参数
source：php.cn
Article précédent：各浏览器对document.getElementById等方法的实现差异解析_javascript技巧 Article suivant：JS获取html对象的几种方式介绍_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
function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...
Depuis 2024-04-29 11:01:01
0
2
1429
Les tableaux PHP obtenus à partir des paramètres d'URL ne se comportent pas comme prévu J'ai un paramètre d'URL qui contient l'identifiant de la catégorie et je souhaite le trait...
Depuis 2024-04-06 22:09:02
0
1
1428
Quel est le format des variables dans la valeur de retour ? Je suis un nouvel apprenant de php. J'ai trouvé un morceau de code : if($x<time()){retu...
Depuis 2024-04-06 21:55:20
0
1
778
Définir un membre privé d'une classe comme paramètre de constructeur classFoo{#one#two#third#four#five#six#seven#eight#nine#ten#eleven#twelve#thirteen#fourteen...
Depuis 2024-04-06 21:48:47
0
1
637
Expression régulière pour faire correspondre les mots J'ai un script dans lequel j'essaie de faire correspondre les nouveaux noms de travaux ave...
Depuis 2024-04-06 21:24:04
0
1
606
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