传递函数名称,然后在事件处理程序中使用

时间:2012-04-13 08:22:38

标签: jquery function event-handling

我想要做的是将函数(X)的名称作为参数传递给函数Y,然后让函数Y创建一个触发函数X的事件处理程序。

我希望函数Y创建以下内容:

$('#form').submit(function(e){e.preventDefault();X();});

我试过了:

var name="X()";
X(name);

function Y(id){
    $('#element').submit(function(e){e.preventDefault();id;});
}

这可以预见,不起作用。 (我真的不相信它会!)但是怎么做呢,(1)按照我的方式做,或(2)将整个X函数wholus-bolus传递给Y?

感谢。

2 个答案:

答案 0 :(得分:12)

here's a demo if you feel doubtful skeptical (sounds better) :D

//create x
function x(){
    alert('im from x');
}

//create y that receives the function
function y(callback){

    //bind your handler which calls callback (which was x)
    $('element').submit(function(){
        callback();
    });
}

//call y that sends over a reference of x
y(x);

答案 1 :(得分:1)

您的X对象必须是函数,而不是字符串。

function X() { /*code*/ }

您可以通过在X的末尾返回false来阻止默认操作;

function X() { 
  /*code*/ 
  return false;
}

你可以在另一个函数中使用它:

function Y(callback){
  $('#element').submit(callback);
}
Y(X);