onblur 事件

最新推荐文章于 2022-05-27 21:52:52 发布
最新推荐文章于 2022-05-27 21:52:52 发布
阅读量368 收藏 1
点赞数
文章标签： javascript ViewUI

定义和用法

onblur 事件会在对象失去焦点时发生。

语法

οnblur="SomeJavaScriptCode"
参数描述
SomeJavaScriptCode必需。规定该事件发生时执行的 JavaScript。

支持该事件的 HTML 标签：

<a>, <acronym>, <address>, <area>, <b>, <bdo>, <big>, <blockquote>, 
<button>, <caption>, <cite>, <dd>, <del>, <dfn>, <div>, <dl>, <dt>, 
<em>, <fieldset>, <form>, <frame>, <frameset>, <h1> to <h6>, <hr>, <i>, 
<iframe>, <img>, <input>, <ins>, <kbd>, <label>, <legend>, <li>, 
<object>, <ol>, <p>, <pre>, <q>, <samp>, <select>, <small>, <span>, 
<strong>, <sub>, <sup>, <table>, <tbody>, <td>, <textarea>, <tfoot>, 
<th>, <thead>, <tr>, <tt>, <ul>, <var>

支持该事件的 JavaScript 对象：

button, checkbox, fileUpload, layer, frame, password, 
radio, reset, submit, text, textarea, window

实例 1

在本例中，我们将在用户离开输入框时执行 JavaScript 代码：

<html>
<head>
<script type="text/javascript">
function upperCase()
{
var x=document.getElementById("fname").value
document.getElementById("fname").value=x.toUpperCase()
}
</script>
</head>

<body>

输入您的姓名：
<input type="text" id="fname" onblur="upperCase()" />

</body>
</html>

输出：

输入您的姓名： 

TIY

onblur
如何使用 onblur 事件在用户离开输入框时执行 JavaScript 代码
出自： http://www.w3school.com.cn/htmldom/event_onblur.asp
weixin_34032621
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Onblur的点击事件
默默坚持的博客
07-07 1万+
Onblur的事件onblur 的事件会在对象失去焦点时发生。语法onblur="SomeJavaScriptCode"具体实例：细心的朋友在上网注册时候，当我们注册的时候鼠标移开注册的文本框或者密码文本框的时候会有红色的字体提示“用户名或密码不正确”等等信息，那么这个就是Onblur事件，失去焦点发生的事件：代码：&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head...
form表单中的onblur事件
12-08
onblur事件，鼠标离开表单input框时触发的事件
onBlur事件
HI,我是小瑞！
09-22 1570
在脚本中使用onBlur事件01  02  03  04  05  06  07  OnBlur事件08  09  10  11  12  13  14  15  文件说明第12行使用onBlur事件，当用鼠标离开第二个文本框的时候，自动触发onBlur事件，弹出一个对话框。
onblur事件
qq_45361567的博客
10-17 254
代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <input type="text"id="user"> <script> document.getElementById("user").onblur=fu
JavaScript中onblur事件
weixin_47511190的博客
07-12 2176
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> function onblurfun(){ //console是控制台对象，是JavaScript语言提供，专门用来向 //浏览器的控制台打印输出，用于测试使用
老生常谈onBlur事件与onfocus事件(js)
10-21
下面小编就为大家带来一篇老生常谈onBlur事件与onfocus事件(js)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
html的DOM中Event对象onblur事件用法实例
09-03
在众多事件中，`onblur`事件是一个非常实用的事件，它会在一个元素失去焦点时触发。这通常发生在用户从一个表单字段移开光标或者点击页面上的其他元素时。 `onblur`事件的语法相当简单，可以直接在HTML元素的属性中...
onfocus 事件onblur 事件
xuanmu
01-09 1201
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <head> <script> function myFunction(x){ x.style.back...
onblur失焦事件
B000M的博客
05-27 6565
对于onblur 事件的小记 定义和用法: onblur 事件发生在对象失去焦点时。 onblur 事件最常与表单验证代码一起使用（例如，当用户离开表单字段时）。 提示： onblur 事件与 onfocus 事件相反。 提示： onblur 事件类似于 onfocusout 事件。主要区别在于 onblur 事件不会冒泡。因此，如果您想找出元素或其子元素是否失去焦点，可以使用 onfocusout 事件。但是，您可以通过使用 onblur 事件的 addEventListener() 方法的 useCap
layui动态绑定事件的方法
10-16
今天小编就为大家分享一篇layui动态绑定事件的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
onBlur和onfocus事件
zhoujiao_2010的专栏
08-08 406
往往在做网页的时候会遇到要对一些表单控件做一些定制的背景渲染，下面一些关于文本框的onBlur和onfocus事件。此Demo是实现了当文本框获得焦点的时候输入背景为“黄色”，当文本框失去焦点的时候输入背景为“白色”。 onBlur事件：onBlur事件是当光标离开文本框中时发生的事件。 onfocus事件：onfocus事件在对象获得焦点时发生的事件。 例子： ...
onBlur事件与onfocus事件（js）
weixin_30731287的博客
10-10 117
onFocus事件就是当光标落在文本框中时发生的事件。 onBlur事件是光标失去焦点时发生的事件。 可以编如下例子 1.html <HTML> <HEAD> <TITLE>使用onBlur事件处理程序</TITLE> </HEAD> <BODY BGCOLOR="lavender"> <FORM name=...
JS的onBlur事件与onfocus事件
UyuanU的博客
06-25 1033
html页面中，诸如按钮、文本框等可视元素都具有拥有和失去焦点的事件，这些事件在响应鼠标或键盘动作时都可激发预设的操作。本文以文本框获得和失去焦点为例简单讲解onfocus和onblur的应用。 一. onfocus（获得焦点事件） 当一个文本框获得焦点时，它里面的文本就像“好123”网站上的百度搜索输入框那样全部被自动选中，这样的操作可以利用onfocus来实现。 以下的文本框
JavaScript常用事件之onchange()事件、onblur()事件
热门推荐
weixin_51403997的博客
06-08 1万+
一、onchange()事件 1、功能：onchange 事件会在域的内容改变时发生,也可用于单选框与复选框改变后触发的事件。 2、语法： 3、实例:
html对象 事件的恰当使用,html的DOM中Event对象onblur事件用法实例
weixin_29254029的博客
06-05 109
本文实例讲述了html的DOM中Event对象onblur事件用法。分享给大家供大家参考。具体分析如下：onblur 事件会在对象失去焦点时发生。语法如下：onblur="SomeJavaScriptCode"SomeJavaScriptCode 必需。规定该事件发生时执行的 JavaScript。支持该事件的 HTML 标签：, , , , , , , ,, , , , , , , , ,, ,...
onblur 对象失去焦点事件
weixin_34281477的博客
04-30 1057
onblur 对象失去焦点事件 一、总结 1、几乎所有的控件都支持onblur事件   二、简介 onblur 事件 Event 对象 定义和用法 onblur 事件会在对象失去焦点时发生。 语法 onblur="SomeJavaScriptCode" 参数描述 SomeJavaScriptCode 必需。规定该事件发生时执行的 JavaScrip...
javascript定时器
u013129606的博客
04-11 269
setInterval方式var num = 0; var max = 5; function fur(){ var div$ = document.getElementById("div1"); num++; div$.innerHTML+=num; if(num == max){ clearInterval(id); alert("
JS事件 失焦事件（onblur）onblur事件与onfocus是相对事件，当光标离开当前获得聚焦对象的时候，触发onblur事件，同时执行被调用的程序。...
weixin_30628801的博客
06-14 900
失焦事件（onblur） onblur事件与onfocus是相对事件，当光标离开当前获得聚焦对象的时候，触发onblur事件，同时执行被调用的程序。 如下代码, 网页中有用户和密码两个文本框。当前光标在用户文本框内时（即焦点在文本框），在光标离开该文本框后（即失焦时），触发onblur事件，并调用函数message()。 运行结果： ...
html的onblur事件
最新发布
04-04
可以使用onblur事件来执行一些验证操作，例如检查用户输入的数据是否符合要求，或者在用户离开输入框时自动格式化输入内容。以下是一个例子： ``` <input type="text" name="username" onblur="checkUsername()"> ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值