失焦事件（onblur），JavaScript进阶篇教程-慕课网

失焦事件（onblur）

onblur事件与onfocus是相对事件，当光标离开当前获得聚焦对象的时候，触发onblur事件，同时执行被调用的程序。

如下代码, 网页中有用户和密码两个文本框。当前光标在用户文本框内时（即焦点在文本框），在光标离开该文本框后（即失焦时），触发onblur事件，并调用函数message()。

运行结果：

任务

补充右边编辑器第13行，当光标从密码文本框离开时，触发onblur 事件，调用message()函数。

?不会了怎么办: 1. 使使用onblur事件

2. onblur="message()"

问答
评论
笔记
资料下载
代码

全部精华我要发布

这两节有毒

最新回答 / 粥可温Ni

有点恶心，主要是这个事件写的有点问题，没有考虑全面，而且没有停止离开焦点事件的代码，烦躁

7 回答 1038 浏览

2021-05-07

老哥们.刚学别笑我

已采纳回答 / 朦胧5

光标不移出输入框，它会一直弹窗，但是弹窗的时候，你无法移动光标，所以就在不停的弹窗，不停的点确定，只能关闭窗口了

3 回答 1061 浏览

2021-05-07

失焦事件出发后怎么清空输入框中的内容？

最赞回答 / 朦胧5

<!DOCTYPE HTML><html><head><title>javascript</title><script type="text/javascript"> function clear_value(){ document.getElementById("user").value=""; }</script> </head><body > <p&...

3 回答 1402 浏览

2021-07-07

怎么设置可以在输入用户名时候自动将默认的用户名删除而不是我手动删除了再输入

已采纳回答 / 阳火锅

你不要用value这个属性，HTML5里面有一个placeholder。。你直接这样写<input name="username" type="text" placeholder="请输入用户名！" >。望采纳

3 回答 1721 浏览

2019-11-28

鼠标经过事件与光标聚焦事件，鼠标移开事件与失焦事件分别有什么区别？

最赞回答 / 慕粉3414280

拿我回复你的这个输入框来说，如果我鼠标只是经过能打字出来吗？是不是我要鼠标点击一下才能获取光标，才能打字？这就是一个光标聚焦事件。。失焦事件就是你鼠标移开输入框再点击一下，此事光标不见了。。这就是一个失焦事件。。此时的聚焦失焦就是为了获取光标。。懂了吗同学。。

5 回答 3555 浏览

2019-09-17

代码有问题吗？为什么没有弹窗

最赞回答 / 人生百态我在其中

可能你没有点击密码框，然后移开鼠标，点击其他空白就会弹窗，应该是光标还是聚焦在密码框的问题

5 回答 1320 浏览

2019-01-24

触发位置问题?

最新回答 / leevmh

这很细节呀，里面的字应该是弄错了。

1 回答 800 浏览

2018-08-10

失焦提示在旁边

最新回答 / qq_勿斗百川归海_0

在旁边加个span标签，然后把要输出的提示写在span标签里

1 回答 798 浏览

2018-03-07

大神看看我这个问题在哪

已采纳回答 / 查克查克

<...code...><!DOCTYPE HTML><html><head> &;memeta http-equiv="Content-Type" content="text/html; charset=utf-8"&; &itltitle&失焦事失焦事件 &; /title&cri &="tscript type="text/javascript"&cti function me...

2 回答 1416 浏览

2018-04-18

方法名的问题，修改如下html 代码：<!DOCTYPE HTML><html ><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>test</title> <script type="text/javascript" src="test.js"></script></head&g...

2 回答 1919 浏览

2017-07-07