jQuery模糊事件无法正常工作

时间:2015-07-08 11:09:37

标签: javascript jquery onblur

为什么下面代码中的模糊事件不起作用,并且文档准备好后立即弹出警告框,而不是等待模糊事件。给我建议解决它...谢谢...

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("[type=text]").blur(cc("[type=text]"));
    $("[type=email]").blur(cc("[type=email]"));
    function cc(s){
        alert("Value: " + $(s).val());
    }
});
</script>
</head>
<body>
<input type="text" id="test" value="rev"><br>
<input type="email" id="test" value="mail@example.org">
</body>
</html>

1 个答案:

答案 0 :(得分:1)

blur() function将函数作为参数。在您的代码中,您将执行cc函数执行的结果。

您应该使用匿名函数:

$(document).ready(function(){
    $("[type=text]").blur(function() { cc("[type=text]"); });
    $("[type=email]").blur(function() { cc("[type=email]"); });
    function cc(s){
        alert("Value: " + $(s).val());
    }
});