请问执行这串代码,在浏览器上对密码输入框我已经输入密码了,为什么离开时还是会发生失焦事件(弹出警报)?该怎么制止?

源自：6-6 失焦事件（onblur）

请问执行这串代码,在浏览器上对密码输入框我已经输入密码了,为什么离开时还是会发生失焦事件(弹出警报)?该怎么制止?

function message(){

alert("请确定已输入密码后，在移开!"); }

</script>

</head>

<body>

<form>

用户:<input name="username" type="text" value="请输入用户名！" ">

密码:<input name="password" type="text" value="请输入密码！" onblur="message()">

</form>

提问者：Veen 2015-12-20 16:52

个回答

李晓健: 2015-12-20 21:22:23

已采纳

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>xxx</title>
    <script>
        function message(el) {
            console.log(el);
            if(!el.value && el.value !== 0){
                alert("请确定已输入密码后，在移开!");
            }
        }
    </script>
</head>
<body>
<form>
    用户:<input name="username" type="text" placeholder="请输入用户名">
    密码:<input name="password" type="password" placeholder="请输入密码！" onblur="message(this)">
</form>

</body>
</html>

你可以这样试一下