JavaScript中，事件處理程序始終調用，即使不引發事件

Question

我有下面的代碼擴展了jQuery和增加了jQuery的方法：

$.fn.attachWithMessage = function() { 
    $(this).focusin(showMessage()); 
} 

function showMessage() { 
    alert('hi'); 
} 

所以如下，我可以使用這些代碼：

<input type="text" name="name" id="textbox" /> 
$(document).ready(function() { 
    $("#textbox").attachWithMessage(); 
}); 

當我加載首次的頁面，一個消息框示出了（「HI」）消息。

即使我沒有在文本框中單擊。

我也嘗試了點擊事件，並且消息仍然自動顯示。

任何想法??

Answer 1

的這裏的問題是，當你通過showMessage()作爲參數傳遞給focusin，功能showMessage是執行和返回值傳遞給focusin。

相反，您需要傳遞函數的引用（沒有palenthesis）。

使用下面的代碼來擴展：

$.fn.attachWithMessage = function() { 
    $(this).focusin(showMessage); 
} 

工作例如@http://jsfiddle.net/eXEP5/

編輯： 如果你想傳遞一個參數來showMessage那就試試這個：

$.fn.attachWithMessage = function() { 
    var param1 = "Some Param"; 
    $(this).focusin(function(){ 
    showMessage(param1); //Make sure showMessage is modified accordingly for the parameters. 
    }); 
} 

Answer 2

只是刪除括號

$(this).focusin(showMessage()); 

應該

$(this).focusin(showMessage); 

希望這有助於