Javascript 如何在jquery中使用onblur？

嗨，现在我在jquery中使用onblur，但它不起作用。我正在搜索谷歌，但找不到解决方案

请你检查一下，告诉我哪里错了

$（文档）.ready（函数（）{
函数myFunction（）{
var rohit=$（'#fname'）.val（）；
警报（“您的名字是”+rohit）；
};
});

输入您的名称：
当前，您的myfunction（）是在dom就绪处理程序中定义的，dom元素将无法访问该处理程序。把它放在外面，它会工作的。但我更喜欢使用jquery事件处理程序来绑定模糊事件

$(document).ready(function() {
    $("#fname").blur(function() {
        var rohit = $('#fname').val();
        alert("Your name is" + rohit);
    });
});

注意：将jquery引用放在head标记处。因为应该在使用其功能之前加载它。
输入您的姓名：
Enter your name: <input type="text" name="fname" id="fname" onblur="myFunction()">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
  function myFunction() {
        var rohit = $('#fname').val();
        alert("Your name is" + rohit);
    };

</script>

函数myFunction（）{
var rohit=$（'#fname'）.val（）；
警报（“您的名字是”+rohit）；
};

您还可以定义为。运行JSFIDLE is
使用以下代码段：

$(function(){
  $("#fname").blur(function(e){
    // do stuff on blur;
  });
});

试试这个

$(document).ready(function() {
    $("#fname").on('blur', function() {
        var rohit = $('#fname').val();
        alert("Your name is" + rohit);
    });
   }); 

您需要在输入元素之前定义函数，比如在body的开头调用这个fiddle中的函数


函数myFunction（）{
var rohit=$（'#fname'）.val（）；
警报（“您的名字是”+rohit）；
};
输入您的姓名：

开始时，我还发现函数的错误是未定义的，但当我在head中换行时，它开始工作。
请运行下面的代码片段并检查演示：

谢谢


$（文档）.ready（函数（）{
$（“#fname”）.blur（函数（）{
var fnameVal=$（'#fname'）.val（）；
$（'#showoutput'）.text（fnameVal）；
});
});

输入您的姓名：
模糊输出：
定义
myFunction
全局范围内的文档就绪处理程序外部。如果您使用jQuery（如
$（“#fname”）.on（'blur'，myFunction）绑定它，效果会更好
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript">
    function myFunction() {
        var rohit = $('#fname').val();
        alert("Your name is" + rohit);
    };
<script>
Enter your name: <input type="text" name="fname" id="fname" onblur="myFunction()">