                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進(jìn)階篇

請問執(zhí)行這串代碼,在瀏覽器上對密碼輸入框我已經(jīng)輸入密碼了,為什么離開時還是會發(fā)生失焦事件(彈出警報(bào))?該怎么制止?

?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

源自：JavaScript進(jìn)階篇 6-6

關(guān)注問題我要回答

1042

操作

收起

1 回答

李曉健回答被采納 +3 積分
2015-12-20

<!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>

你可以這樣試一下