JS之onFocus / onBlur / onChange 事件

最新推荐文章于 2024-06-29 11:18:05 发布
最新推荐文章于 2024-06-29 11:18:05 发布
阅读量4.1k 收藏 1
点赞数
分类专栏： JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/guodengh/article/details/45891591
版权
本文介绍了JavaScript中的三个重要事件：onFocus、onBlur和onChange。onFocus事件在元素获得焦点时触发，常用于改变样式；onBlur事件在元素失去焦点时触发，适用于表单验证；onChange事件则在数据改变时触发，常用于实时同步检测功能，如字数统计。
摘要由CSDN通过智能技术生成

在做表单的时候比较有用，最常见是嵌在input;里面对元素直接使用的

<input type="text" id="fname" onblur="upperCase()" />

支持该事件的 HTML 标签：

<a>, <acronym>, <address>, <area>, <b>, <bdo>, <big>, <blockquote>, 
<button>, <caption>
最低0.47元/天 解锁文章
guodengh
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript入门教程(11) js事件处理
11-30
JavaScript事件处理是编程中至关重要的一个部分，它赋予了网页动态性和交互性。在JavaScript中，事件处理涉及到了用户与网页元素之间的互动，比如点击按钮、输入数据等。当一个事件发生时，JavaScript会执行相应的...
form表单中的onblur事件
12-08
onblur事件，鼠标离开表单input框时触发的事件
关于onBlur，onChange，onClick，OnKeyDown，OnKeyUp，OnKeyPress，OnMouseEnter，OnMouseDown等
04-18 656
onblur:控件在失去焦点的时候触发 OnChange：当控件的内容发生改变时触发该事件 OnClick：点击该控件时触发 OnKeyDown：在控件有焦点的情况下，按下键时发生
HTML中onblur事件的使用
最新发布
技术研究中心
06-29 1023
在HTML中，onblur事件是指当元素失去焦点时触发的事件。失去焦点意味着用户从当前输入框或其他可输入元素转移到另一个元素上。例如，当用户在输入框中输入完内容后，点击页面的其他地方或按下Tab键切换焦点时，就会触发onblur事件。本文深入探讨了HTML中onblur事件的概念、基本语法及其在实际开发中的应用场景。通过使用onblur事件，开发者可以实现表单验证、用户交互优化和自动保存等功能，从而提升页面的交互性和用户体验。
onblur & onchange
weixin_30532759的博客
09-28 183
本文地址：http://www.cnblogs.com/veinyin/p/7606914.html 两者均可用于验证是否输入数据 onblur ： 表示不再是焦点，是 onfocus 的相反事件，只要该域不被 focus ( 失去焦点 ) 就会触发 onchange ： 表示域不再被选择且输入内容被改变，不可用于验证空域 END~~~≥ω≤ 转载于...
Input 控件的Onchange 与onBlur 事件区别？
lmp5023的博客
03-12 2664
onchange 是指控件的值发生改变且失去焦点时触发的事件 onblur 是不管值有无改变，失去焦点就触发事件
onblur和onchange
m0_68968100的博客
09-28 1301
onchange的一些案例
完成一个界面，要有以下要素：(1)、局部变量、全局变量的定义和使用 (2)、for…in、switch…case、if语句 (3)、至少一个函数的定义和调用 (4)、DOM对象属性和方法（/表示至少选做其中一个）: 获得元素getElementById( )/ getElementByClassName( ) 对子节点的操作 appendChild(node)/removeChild(node)/replaceChild() 创建属性/元素/文本节点 createAttribute()/createElement()/createTextNode() 获得/设置属性getAttribute()/setAttribute() 属性innerHTML的使用 (5)、BOM对象属性和方法（/表示至少选做其中一个） 警告/确认/提示alert( )/confim( )/prompt( ) 定时器的使用setInterval( )/setTimeout( ) (6)、HTML5的全局方法 表单onchange/oninput onselect/onfocus/onblur 键盘onkeydown/onkeypress/onkeyup 鼠标onclick /ondblclick onmousedown/onmousemove/onmouseout /onmouseover/onmouseup 鼠标/键盘事件对象 client/client、screen/screenY、Location、 charCode/keyCode/which
06-02
formElement.onchange = function() { console.log('The form has been changed'); }; formElement.oninput = function() { console.log('The form input has been changed'); }; // 键盘事件 document.onkeydown...
onfocus事件
datouniao1的博客
08-13 1927
onfocus事件是表示是输入框获取焦点，这事件常常是用于<input>，<select>以及<a>这几个标签中使用，这个事件和onblur这个事件是相反的，当这个事件发生的时候也是调用一个script的脚本，在这个程序中调用的脚本是设置输入框的背景色，我们其实在这个地方用到的是一个带有参数的script的函数，怎样来看待这个参数这个是参数是文本框的id但是我们传递的时候用到的了this这个关键字，可以看到的是this表示的啊是当前的元素或者说是对象。在函数里面直接设置style.background这个值
JavaScript常用事件之onchange()事件、onblur()事件
weixin_51403997的博客
06-08 1万+
一、onchange()事件 1、功能：onchange 事件会在域的内容改变时发生,也可用于单选框与复选框改变后触发的事件。 2、语法： 3、实例:
60. Event onfocus 事件
enlyhua的专栏
08-14 571
定义和用法 onfocus 事件在对象获得焦点时发生。 语法onfocus="SomeJavaScriptCode"实例 在本例中，当输入框获得焦点时，其背景颜色将改变： <html> <head> <script type="text/javascript"> function setStyle(x) { document.getElementById(x).style.background=
onfocus 事件onblur 事件
xuanmu
01-09 1257
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <head> <script> function myFunction(x){ x.style.back...
onblur, onchange和onpropertychange之间的区别
宁以至远
12-08 1393
    通常用于监控前台空间属性改变可以使用的事件有onblur, onchange, onpropertychange，第一个为当控件失去焦点后触发，而第二个为当属性内容改变后触发，不过前两个同时使用，则会首先触发后者，再触发前者，而第三个是javascript的事件，不属于控件自身所带事件，其可以监视任何控件全部属性的变化，十分的具体和全面，但同时也是非常的耗费资源，一不小心就会出
html onfoucs状态事件,onfocus
weixin_42348109的博客
06-03 309
onfocus 事件定义和用法onfocus 事件在对象获得焦点时发生。语法onfocus="SomeJavaScriptCode"参数描述SomeJavaScriptCode必需。规定该事件发生时执行的 JavaScript。支持该事件的 HTML 标签：, , , , , , , , ,, , , , , , , , , ,, , , to , , , , , , , , , , , , ,...
JS中onfocus()事件，onblur()事件，onload()事件
热门推荐
木木木华的博客
04-18 2万+
1. onfocus 事件在对象获得焦点时发生。实例：&lt;html&gt; &lt;head&gt; &lt;script type="text/javascript"&gt;     function setStyle(x)     {         document.getElementById(x).style.background="yellow"     } &lt;/script...
js onfocus事件、js onblur事件
斯钦的博客
01-26 1166
onfocus事件： html元素获取到焦点所触发的事件，通常用于 <input>输入框标签，<select>下拉列表标签，以及<a>超链接标签，不是所有html元素都支持onfocus事件。 onblur事件: html元素失去焦点所触发的事件，与onfocus事件相对，通常用于<input>输入框标签，不是所有html元素都支持onblur事件。 代码展示： <html> <head> <script type="t
onchange，onfocus ，oninput事件
a490474643的博客
10-17 670
compositionstart在输入一段需要确认的文本如拼音to汉字、语音时会触发 compositionend 在拼音选词完成、语音输入完毕时会触发 addEventListener() 方法用于向指定元素添加事件句柄。 oninput 事件在元素值发生变化时立即触发。 onchange 在元素失去焦点时触发。 onfocus 事件在对象获得焦点时发生。 转载于:ht...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值