js的onblur和onfocus

最新推荐文章于 2021-07-12 10:55:27 发布
最新推荐文章于 2021-07-12 10:55:27 发布
阅读量618 收藏
点赞数
分类专栏： 前端知识点
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Sunshinegirllwx/article/details/8818929
版权

一直以来 都对js又爱又怕，just  because...

当文本框获得焦点时触发onfocus方法，而当焦点离开时则触发onblur方法。

<form action="#" method="post">
            <p><input type="text" id="name" name="name" value="Your Name" οnblur="if(this.value==''){this.value='Your Name';}" οnfοcus="if(this.value=='Your Name'){this.value='';}"/></p>
            <p><input type="text" name="email" value="Your Email" id="email" οnblur="if(this.value==''){this.value='Your Email';}" οnfοcus="if(this.value='Your Email'){this.value='';}"</p>
</form>



serina
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS的onblur
思维小刀
10-12 3509
目的：onblur 属性在元素失去焦点时触发 代码：一离开input就进行大写输入字符串 <!DOCTYPE html> <html> <head> <script> function upperCase() { var x=document.getElementById("fname").value document.getElementBy...
JavaScript中的onblur（失去焦点）应用
最新发布
qiuqiule6的博客
02-16 3416
提示：onblur 相反事件为 onfocus 事件。ondblclick— 鼠标左键双击事件。onmouseover— 鼠标移入事件。onmouseout-- 鼠标移出事件。onmousemove— 鼠标移动事件。onmousedown— 鼠标按下事件。oninput---- 内容改变事件。onclick— 鼠标左键单击事件。onmouseup— 鼠标抬起事件。onkeydown— 键盘按下事件。onchange— 内容改变事件。onkeyup— 键盘抬起事件。onblur— 失去焦点事件。
JS中onblur总结
qq_30359369的博客
08-05 7179
JS中onblur总结 #第一种方式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <input type="text"id="...
JS的onBlur事件与onfocus事件
UyuanU的博客
06-25 1051
html页面中，诸如按钮、文本框等可视元素都具有拥有和失去焦点的事件，这些事件在响应鼠标或键盘动作时都可激发预设的操作。本文以文本框获得和失去焦点为例简单讲解onfocus和onblur的应用。 一. onfocus（获得焦点事件） 当一个文本框获得焦点时，它里面的文本就像“好123”网站上的百度搜索输入框那样全部被自动选中，这样的操作可以利用onfocus来实现。 以下的文本框
JavaScript常用事件之onchange()事件、onblur()事件
weixin_51403997的博客
06-08 1万+
一、onchange()事件 1、功能：onchange 事件会在域的内容改变时发生,也可用于单选框与复选框改变后触发的事件。 2、语法： 3、实例:
Js中的onblur和onfocus事件应用介绍
10-26
JavaScript中的`onfocus`和`onblur`事件是网页交互中的关键部分，它们主要用于处理用户与HTML表单元素之间的交互，如按钮、文本框等。这两个事件与元素的焦点状态紧密相关。 一、`onfocus`事件 `onfocus`事件在用户...
【JavaScript源代码】JavaScript onblur与onfocus事件详解.docx
12-28
onfocus和onblur事件是JavaScript中用于处理用户交互的重要工具，它们允许开发者在用户与网页元素交互时执行特定的逻辑，提高用户体验并确保数据的有效性。无论是自动选中文本，还是实时验证输入，这两个事件都提供...
老生常谈onBlur事件与onfocus事件(js)
10-21
下面小编就为大家带来一篇老生常谈onBlur事件与onfocus事件(js)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
JavaScript的onfocus与onblur用法
06-05
JavaScript是Web开发中不可或缺的一部分，尤其在处理用户交互时，事件监听器如`onfocus`和`onblur`起着至关重要的作用。这两个事件主要应用于表单元素，但也可以用于任何可聚焦的HTML元素，例如按钮、链接或文本...
JavaScript中onblur事件
weixin_47511190的博客
07-12 2224
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> function onblurfun(){ //console是控制台对象，是JavaScript语言提供，专门用来向 //浏览器的控制台打印输出，用于测试使用
Js中的onblur和onfocus事件
热门推荐
王伯仙的博客
06-27 11万+
html页面中，诸如按钮、文本框等可视元素都具有拥有和失去焦点的事件，这些事件在响应鼠标或键盘动作时都可激发预设的操作。本文以文本框获得和失去焦点为例简单讲解onfocus和onblur的应用。 一. onfocus（获得焦点事件） 当一个文本框获得焦点时，它里面的文本就像“好123”网站上的百度搜索输入框那样全部被自动选中，这样的操作可以利用onfocus来实现。 以下的文本框，当鼠标指针
js给文本框动态绑定onblur方法，失焦的时候触发
u013755149的博客
11-24 1万+
js给文本框动态绑定onblur方法，失焦的时候触发；存在局部刷新元素也适应。
焦点事件onfocus和onblur造成的死循环问题
clh386的博客
11-19 8882
在学习焦点事件的时候，使用onfocus和alert(),onblue和alert(),点击文本框触发onfocus（）事件，弹出alert文本信息，点击确定后又触发onblur事件，弹出alert()信息，再点击确定又触发onfocus事件，形成一个死循环，代码如下： <script type="text/javascript"> window.onload=function(){var tex
onBlur事件与onfocus事件 （js）
gr_guhun的博客
10-08 1343
jQuery 参考手册 - 事件 一、jQuery的 onBlur方法 定义和用法 1、当元素失去焦点时发生 blur 事件。 2、blur() 函数触发 blur 事件，或者如果设置了 function 参数，该函数也可规定当发生 blur 事件时执行的代码。 提示：早前，blur 事件仅发生于表单元素上。在新浏览器中，该事件可用于任何元素。 触发 blur 事件 触发被选元素的 blur 事件...
JS Onblur 与Onclick事件冲突的解决办法
yelangshisan的专栏
12-30 9543
场景：百度的搜索框 输入检索字后下拉会有对应的列表出来，要求点击搜索框外的区域下拉列表消失，点击下拉列表的某个记录后跳转。实现方式为 input 的onchange+onblur 与列表的onclik 。这样就会存在一个问题，当点击列表时 input 的onblur就先发挥作用，导致列表的onclik无效（js的单线程限制了只允许一个事件触发，onblur的优先性高于onclick）. 解决办法
js中常用的事件，onclick 单击事件、onblur 失去焦点事件、onchange改变事件、onmouseover鼠标进入事件、onmouseout鼠标移除事件、onsubmit提交事件
ghjzzhg的博客
01-16 7万+
onclick 单击事件 onblur 失去焦点事件 onchange 当对象或选中区的内容改变时触发。 onmouseover 当用户将鼠标指针移动到对象内时触发。 onmouseout 当用户将鼠标指针移出对象边界时触发。 onsubmit 当表单将要被提交时触发。 1、静态点击事件 script type="text/javascript"> // A标签的点击事
onblur属性详解
qq_39429962的博客
10-09 1万+
onblur 事件会在对象失去焦点时发生，所谓焦点指的就是当前操作的对象，当我们操作一个div时，这个div就获取了焦点，那么onblur的作用是什么呢，在我们需要实现类似点击其他部分取消当前下拉框显示的功能时，onblur属性就要开始显现作用了。 下面是一个实例： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt...
在html5中，onblur和onfocus是什么属性
03-26
onblur和onfocus都是HTML5事件属性，用于处理元素获得和失去焦点时的事件。具体而言，onblur属性用于定义元素失去焦点时要执行的操作，而onfocus属性用于定义元素获得焦点时要执行的操作。这两个属性通常与...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值