事件處理程序在jsfiddle中無法正常工作

Question

試圖製作一個jsfiddle，以便我可以在此處發佈它並獲得一些問題的幫助;然而，我有一個問題讓jsfiddle按預期行事，所以我有一個問題，試圖記錄我的問題！

http://jsfiddle.net/eidsonator/he4Vc/#base

我試圖模糊事件處理程序添加到與「部分」的ID的輸入。我的警報在頁面加載後立即觸發（不應該），並且在焦點丟失時不會觸發。這個問題仍然存在於Chrome和Firefox中（我編碼的內部Web應用程序，這樣我就可以忽略，即！）

$("#part").on('blur', alert('lost focus')); 

我已經改變了load方法，並且試圖包裹它在我自己的$(document).ready(function() {});以及使用.blur()和不同版本的javacript ...任何線索？

謝謝！

Answer 1

你已經寫了一個錯誤的語法。看到docs更多的信息，並更改您的代碼

$("#part").on('blur', function(){ 
    //do something 

    }); 

Answer 2

您直接呼叫alert，並將其返回值傳遞給.on()方法。相反，你需要將引用傳遞給在接收到事件可調用的函數：

$("#part").on('blur', function() { 
    alert('lost focus') 
}); 

這裏是一個updated fiddle。