Edw*_*usk 90 javascript jquery
使用jQuery代码:
$("#myid").click(myfunction);
function myfunction(arg1, arg2) {/* something */}
如何myfunction在使用jQuery时传递参数？
ale*_*lex 108
最简单的方法就是这样做(假设您不希望任何事件信息传递给函数)......
$("#myid").click(function() {
myfunction(arg1, arg2);
});
这将创建一个匿名函数,在click触发事件时调用该函数.这将依次调用myfunction()您提供的参数.
如果要保留ThisBinding(this调用函数的值,设置为触发事件的元素),则调用函数call().
$("#myid").click(function() {
myfunction.call(this, arg1, arg2);
});
您不能以您的示例所声明的方式直接传递引用,或者它的单个参数将是jQuery event对象.
如果您确实想要传递引用,则必须利用jQuery的proxy()功能(这是一个跨浏览器包装器Function.prototype.bind()).这允许您传递在参数之前绑定的event参数.
$("#myid").click($.proxy(myfunction, null, arg1, arg2));
在这个例子中,myfunction()将执行它的ThisBinding完整(null不是一个对象,所以this使用触发事件的元素的正常值),以及参数(按顺序)arg1,arg2最后是jQuery event对象,你可以忽略如果它不是必需的(甚至不在函数的参数中命名).
你也可以使用jQuery event对象data来传递数据,但这需要修改myfunction()才能通过它来访问它event.data.arg1(这不是像你的问题所提到的函数参数),或至少引入一个手动代理函数,如前一个例子或生成的一个使用后一个例子.
Geo*_*kos 70
$("#myid").on('click', {arg1: 'hello', arg2: 'bye'}, myfunction);
function myfunction(e) {
var arg1 = e.data.arg1;
var arg2 = e.data.arg2;
alert(arg1);
alert(arg2);
}
//call method directly:
myfunction({
arg1: 'hello agian',
arg2: 'bye again'
});
还允许您使用on和off方法绑定和取消绑定特定事件处理程序.
例:
$("#myid").off('click', myfunction);
这将取消绑定#myid的myfunction处理程序
Bre*_*ton 11
虽然你肯定应该使用Alex的答案,但原型库的"绑定"方法已经在Ecmascript 5中标准化,很快就会在浏览器中实现.它的工作原理如下:
jQuery("#myid").click(myfunction.bind(this, arg1, arg2));
小智 6
旧线程,但用于搜索目的; 尝试:
$(selector).on('mouseover',...);
...并查看"数据"参数:http: //api.jquery.com/on/
例如:
function greet( event ) {
alert( "Hello " + event.data.name );
}
$( "button" ).on( "click", {name: "Karl"}, greet );
$( "button" ).on( "click", {name: "Addy"}, greet );
已经有很好的答案，但无论如何，这是我的两分钱。您还可以使用：
$("#myid").click({arg1: "foo", arg2: "bar"}, myfunction)
听者看起来像：
function myfunction(event){
alert(event.data.arg1);
alert(event.data.arg2);
}