很简单的 onblur onfocus方法示例

最新推荐文章于 2024-06-29 11:18:05 发布
最新推荐文章于 2024-06-29 11:18:05 发布 · 182 阅读 · 0

本文通过一个简单的HTML代码示例，展示了如何使用input元素创建一个带有默认值和交互效果的文本输入框。具体包括设置默认文本、鼠标聚焦清除默认值及鼠标移出恢复默认值等功能。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
</head>
<body>

<input type='text' id='txt_q' name='q' class='SERACH' value='hello world'

onblur="(this.value=='')?this.value='hello world':this.value"

onfocus="if(this.value=='hello world'){this.value='';};this.select();"/>
<br/>
</body>
</html>
iteye_21199
关注
老生常谈onBlur事件与onfocus事件(js)
10-21
最后，本文提供了两个简单的示例HTML代码，它们展示了如何使用onFocus和onBlur事件。从示例中可以看到，通过JavaScript可以非常轻松地改变元素的样式或行为。这些代码示例可以作为基础，开发者可以在此基础上扩展...
OnFocus与OnBlur的例子区别
09-05
在提供的示例中，`onblur` 属性与一个名为 `ShowInfo` 的函数关联。当文本框失去焦点时，这个函数会被调用。`ShowInfo` 函数的作用是检查文本框是否为空，如果为空，则恢复初始值 "请输入职位或企业名"，同时改变...
JavaScript的onfocus与onblur用法
热门推荐
qq_34038368的博客
06-05 2万+
在做登录的时候，登录界面的文本框中会有一段文字，当鼠标点击文本框时，框内文字消失，当鼠标离开时，那行字又出现了，但当输入文本时那行字便不再显现，此特效是如何实现的呢？实现原理如下首先，先看一下效果图点击前点击后关键代码如下&lt;input type="text" name="username" value="请输入用户名" onfocus="this.value = '';" onblur="...
CSS中onfocus=""与onblur=""函数用法
xiaokangmiclong的博客
01-26 3412
onfocus函数指获取焦点是触发事件，onblur函数则是指失去焦点时触发的事件。如下例子： function upperCase() { var x=document.getElementById("fname").value document.getElementById("fname").value=x.toUpperCase() } function lowC
HTML中onblur事件的使用
最新发布
技术研究中心
06-29 2277
在HTML中，onblur事件是指当元素失去焦点时触发的事件。失去焦点意味着用户从当前输入框或其他可输入元素转移到另一个元素上。例如，当用户在输入框中输入完内容后，点击页面的其他地方或按下Tab键切换焦点时，就会触发onblur事件。本文深入探讨了HTML中onblur事件的概念、基本语法及其在实际开发中的应用场景。通过使用onblur事件，开发者可以实现表单验证、用户交互优化和自动保存等功能，从而提升页面的交互性和用户体验。
使用JavaScript 在input 之 value 输入框文字提示代码
UPJD's 追求自己的思想
10-06 1311
代码一： value="请输入你要搜索的关键词" onfocus="if (this.value=='请输入你要搜索的关键词') this.value='';" 代码二： value="请输入你要搜索的关键词" onblur="if(this.value==''){this.value='请输入你要搜索的关键词'}" onfocus="this.value=''" value="请
JavaScript——事件
时光·漫步的博客
02-11 592
一. Event 对象 Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 事件通常与函数结合使用，函数不会在事件发生前被执行！ 二.事件句柄 1. onblur 定义和用法： onblur 事件会在对象失去焦点时发生。 语法： onblur="SomeJavaScriptCode" 【例】定义三个框，当第1个框和第...
Js中的onblur和onfocus事件应用介绍
10-26
在这个例子中，当文本框获得焦点时，`onfocus`事件会调用`this.select()`方法，选中文本框内的所有文本。 二、`onblur`事件 相反，`onblur`事件在元素失去焦点时触发，通常发生在用户点击页面上的其他位置或切换到...
JavaScript onfocus与onblur事件详解及应用示例
在示例中，当用户离开文本框（失去焦点）时，`onblur`事件触发一个名为`chkvalue(this)`的函数。这个函数可能包含对用户输入的检查，如确保输入的数据格式正确或非空。如果输入不符合要求，该函数可以给出错误提示，...
onblur失焦事件
B000M的博客
05-27 6935
对于onblur 事件的小记 定义和用法: onblur 事件发生在对象失去焦点时。 onblur 事件最常与表单验证代码一起使用（例如，当用户离开表单字段时）。 提示： onblur 事件与 onfocus 事件相反。 提示： onblur 事件类似于 onfocusout 事件。主要区别在于 onblur 事件不会冒泡。因此，如果您想找出元素或其子元素是否失去焦点，可以使用 onfocusout 事件。但是，您可以通过使用 onblur 事件的 addEventListener() 方法的 useCap
Onblur的点击事件
默默坚持的博客
07-07 1万+
Onblur的事件onblur 的事件会在对象失去焦点时发生。语法onblur="SomeJavaScriptCode"具体实例：细心的朋友在上网注册时候，当我们注册的时候鼠标移开注册的文本框或者密码文本框的时候会有红色的字体提示“用户名或密码不正确”等等信息，那么这个就是Onblur事件，失去焦点发生的事件：代码：&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head...
php onblur=,onblur属性_用法示例-javascript词典-js编程词典-php中文网
weixin_39847437的博客
03-26 213
on英 [ɒn] 美 [ɑ:n]prep.(表示方向)向;(表示对象)对;(表示位置)在…上;(表示时间)在…之时adv.(放，穿，连接)上;向前，(继续)下去adj.活动着的情况，状态;使用着的;发生着的;计划中的blur英 [blɜ:(r)] 美 [blɚ]n.污迹，污斑;模糊不清的事物;暧昧不明vt.& vi.涂污，弄脏;(使)变模糊，(使)难以区分第三人称单数： blurs...
JavaScript中的onblur（失去焦点）应用
qiuqiule6的博客
02-16 6378
提示：onblur 相反事件为 onfocus 事件。ondblclick— 鼠标左键双击事件。onmouseover— 鼠标移入事件。onmouseout-- 鼠标移出事件。onmousemove— 鼠标移动事件。onmousedown— 鼠标按下事件。oninput---- 内容改变事件。onclick— 鼠标左键单击事件。onmouseup— 鼠标抬起事件。onkeydown— 键盘按下事件。onchange— 内容改变事件。onkeyup— 键盘抬起事件。onblur— 失去焦点事件。
解除切屏限制
窗外有风景，笔下有前途，低头是题海，抬头是未来
08-24 5179
//屏蔽切屏限制 window.οnblur=null window.οnblur=function(){console.debug(1);} //解除快捷键操作屏蔽 window.onkeyup = window.onkeydown = window.onKeyPress = document.onkeyup = document.onkeydown = document.onKeyPress = document.body.onkeyup = document.body.onkeydown = docu
解除浏览器不能切屏和不能复制粘贴的操作
bigdargon的博客
12-13 1万+
/** * 操作说明 * 1.在当前页面按f12，在cosnole控制台下直接运行以下代码，按回车建直接生效 */ window.onblur=function () { }; document.onkeydown=function () { return true }; document.body.oncopy =function () { return true }; document.body.oncopy=fu
onblur属性详解
qq_39429962的博客
10-09 1万+
onblur 事件会在对象失去焦点时发生，所谓焦点指的就是当前操作的对象，当我们操作一个div时，这个div就获取了焦点，那么onblur的作用是什么呢，在我们需要实现类似点击其他部分取消当前下拉框显示的功能时，onblur属性就要开始显现作用了。 下面是一个实例： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt...
js给文本框动态绑定onblur方法，失焦的时候触发
u013755149的博客
11-24 1万+
js给文本框动态绑定onblur方法，失焦的时候触发；存在局部刷新元素也适应。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值