事件处理程序在jsfiddle中无法正常工作

Question

尝试制作一个jsfiddle，以便我可以在这里发布并获得一些问题的帮助;但是，我遇到问题让jsfiddle按预期行事，所以我在尝试记录我的问题时遇到了问题！

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

我正在尝试将模糊事件处理程序添加到id为“part”的输入中。一旦页面加载（我不应该），我的警报就会触发，并且在焦点丢失时不会触发。这种行为在chrome和firefox中持续存在（我正在编写内部Web应用程序，所以我可以忽略它！）

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

我已经更改了加载方法，并尝试将其包装在我自己的$(document).ready(function() {});中以及使用.blur()和不同版本的javacript ...任何线索？

谢谢！

Answer 1

您正在立即调用alert，并将其返回值传递给.on()方法。相反，您需要传递对可以在收到事件时调用的函数的引用：

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

这是一个updated fiddle。

Answer 2

您写错了语法。请参阅docs以获取更多信息，并将您的代码更改为

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

    });