javascript函数回调click事件

Question

后，这是我的代码

function confirm(){ 

    okBtn.on('click', function(){ 
     // return true from confirm function 
    }); 
    cancelBtn.on('click', function(){ 
     // return false from confirm function 
    }); 
} 


if(confirm()){ 
    // make something. I need to keep this code here, not in confirm function 
} 

我需要被点击okBtn或cancelBtn后执行回调。我需要保持回调代码不在函数中，因为我有很多使用此函数的情况。

Answer 1

充分利用confirm函数接受回调并调用它的事件处理程序中：

function confirm(callback){ 
    okBtn.on('click', function(){ 
     callback(true); 
    }); 
    cancelBtn.on('click', function(){ 
     callback(false); 
    }); 
} 


confirm(function(result) { 
    // make something. I need to keep this code here, not in confirm function 
}); 

但是没有办法同步处理的事件处理程序（如你似乎打算这样做）。你必须绑定事件处理程序的原因是你不知道事件何时发生。相反，您必须对事件做出反应。你必须习惯这种编码方式，没有办法。

Answer 2

而不是使用一个额外的功能，你可以简单地创建一个标志，并且改变它基于用户行为：

var confirm_flag; // this is undefined, which means that no actions have been taken 

okBtn.on('click', function(){ 
    validate(true); 
}); 
cancelBtn.on('click', function(){ 
    validate(false); 
}); 

然后，根据用户的输入，你可以决定你想要哪种行动采取：

function validate(flag) { 
    if(flag) { 
     alert("okBtn has been clicked, it's safe to continue"); 
    }else{ 
     alert("Not good!"); 
    } 
} 

如果你想从一个确认弹出使用返回值，你可以简单地将Window confirm()功能分配给一个变量 - 如果用户单击确定，它将返回true

var x = confirm('Is it safe?'); // will pop a confirm dialog box and return true if ok is pressed and false if cancel is pressed 

Answer 3

http://jsfiddle.net/abwzq32s/

html 

<button type="button" id='button1'>confirm</button> 
<button type="button" id='button2'>cancel</button> 



js 

$('#button1').click(function(){ 
confirm(true); 
}); 
$('#button2').click(function(){ 
    confirm(false); 
}); 

function confirm(check){ 
    if(check){ 
     alert('ok'); 
    }else{ 
     alert('cancel'); 
    } 
} 

我做了一个小样本为您服务。你可以把你的代码写入if条件，或者调用另一个函数，如果你的函数真的很长

Answer 4

根据我的理解，你想要的只是当用户点击okBtn和一些代码时执行一些代码，当用户点击cancelBtn。如果你可以用这种方式更改你的代码

function confirm(callback) 
{ 

    okBtn.on('click', function(){ 
     // return true to the callback 
     callback(true) 
    }); 
    cancelBtn.on('click', function(){ 

     // return false to the callback 
     callback(false) 
    }); 
} 
confirm(function(confirmed){ 
    if(confirmed) 
    { 
    // make something 
    } 
    else 
    { 
    // do something 
    } 
});