怎么才會觸發(fā)onblur事件?
<!DOCTYPE?HTML> <html> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"> <title>?失焦事件?</title> <script?type="text/javascript"> ??function?message(){ ????alert("請確定已輸入密碼后,在移開!");?} </script>???? </head> <body> ??<form> ???用戶:<input?name="username"?type="text"?value="請輸入用戶名!"?> ???密碼:<input?name="password"?type="text"?value="請輸入密碼!"?onblur="message()"> ??</form> </body> </html>
代碼如上。
看前邊的其他同學提的問題,知道是聚焦點離開即光標離開后才會觸發(fā),于是我在其他地方點擊了一下,光標就不在密碼框那里閃爍了,但還是沒有觸發(fā)事件,沒有彈出框。
請問這個時間怎樣觸發(fā)才對?
2016-01-15
詳細例子:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> 失焦事件 </title>
<script type="text/javascript">
? function A(){
??? alert("請確定已輸入 ‘用戶名后’ ,在移開!"); }
? function B(){
??? alert("請確定已輸入 ‘密碼后’ ,在移開!"); }
</script>???
</head>
<body>
? <form>
?? 用戶:<input name="username" type="text" value="請輸入用戶名!" onblur="A()" >
?? 密碼:<input name="password" type="text" value="請輸入密碼!" onblur="B()" >
? </form>
</body>
</html>
2016-01-15
你可以這么看:由????~????密碼:<input name="password" type="text" value="請輸入密碼!" onblur="message()" >????~可以看出,代碼塊說明已經(jīng)把 onblur 方法屬性的行使權賦給了 密碼框:input,所以只有從密碼框(也就是在密碼框內點擊后,才會觸發(fā)事件onblur,)觸發(fā)了以后,你在??? 在密碼框外點擊鼠標,后,系統(tǒng)才會檢測到你的鼠標點擊事件已經(jīng)離開了密碼框內的onblur,離開就是失焦,過程就是觸發(fā)的過程。失焦后(也就是觸發(fā))才會調用:function message(){ alert("請確定已輸入密碼后,在移開!"); }
希望能幫到你。
2015-12-08
當你的鼠標聚焦點不在那個標簽上面就會觸發(fā)了
2015-12-08
看了前邊其他同學的回答,自己也試了下,是因為我關了彈出框,重啟一次瀏覽器就可以了。