JavaScript常用事件之onchange()事件、onblur()事件

最新推荐文章于 2024-05-15 19:49:23 发布
最新推荐文章于 2024-05-15 19:49:23 发布
阅读量1.2w 收藏 23
点赞数 5
文章标签： javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51403997/article/details/117662909
版权

一、onchange()事件

1、功能：onchange 事件会在域的内容改变时发生,也可用于单选框与复选框改变后触发的事件。

2、语法：οnchange="SomeJavaScriptCode"

      参数：SomeJavaScriptCode（必需。规定该事件发生时执行的 JavaScript。）

二、onblur()事件

1、功能：onblur 事件会在对象失去焦点时发生，经常用于Javascript验证代码，一般用于表单输入框。

2、语法：οnblur="SomeJavaScriptCode"

      参数：SomeJavaScriptCode（必需。规定该事件发生时执行的 JavaScript。）  

三、实例：

       使用JS完成简易计算器，输入的值只能是数字。
1、命令：

2、实现效果：

DYT*
关注
  • 5
    点赞
  • 踩
  • 23
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
html加载onchange事件,HTML onchange事件用法及代码示例
weixin_33835558的博客
06-09 2139
当元素的值已更改时，将发生HTML DOM onchange事件。当选中的状态已更改时，它也可以使用单选按钮和复选框。注意：此事件与oninput事件类似，但唯一的区别是oninput事件在元素值更改后立即发生，而onchange事件在元素失去焦点时发生。用法:在HTML中：在JavaScript中：object.onchange = function(){myScript};在JavaScrip...
javaScript常用事件
09-19
常用javaScript事件归纳。 常用事件： 1.onclick 鼠标单击事件 通常在下列基本对象中产生： button（按钮对象） checkbox（复选框）或（检查列表框） radio （单选钮） reset buttons（重要按钮） submit ...
纯JavaScript实现获取onclick、onchange等事件的值
10-24
主要介绍了JavaScript获取onclick、onchange等事件的值的方法,需要的朋友可以参考下
js手动触发这个 onchange 事件
热门推荐
赶路人儿
06-26 4万+
input type=txt 这个组件触发change事件，需要同时满足两个条件：获得焦点；值发生改变；注:select这类组件只要值改变即可触发change事件；下面介绍一个实际例子：在一个页面中，引入了my97时间空间，对该input type=txt组件添加change时间，当使用my97改变数据后，发现无法触发change时间。猜测是由于失去focus造成，所以需要用js来手动触发chan...
onChange事件详解
最新发布
风火一回，一生不毁
05-15 252
React 中，onChagne 事件是一个合成事件，由 ChangeEventPlugin 插件处理其监听。ChangeEventPlugin 插件会处理三类元素，select 和 file 监听 change 事件，input 和 textarea 监听 input 和 change 事件，checkbox 和 radio 监听 click 事件。
input 中事件 onchange onpropertychange 和oninput事件的差别
COCOLI_BK的博客
05-30 703
汇总onchange onpropertychange 和oninput事件的差别： 1、onchange事件与onpropertychange事件的差别： onchange事件在内容改变（两次内容有可能还是相等的）且失去焦点时触发；onpropertychange事件却是实时触发，即每添加或删除一个字符就会触发。通过js改变也会触发该事件。可是该事件IE专有。 ...
JavaScript中的onblur（失去焦点）应用
qiuqiule6的博客
02-16 2853
提示：onblur 相反事件为 onfocus 事件。ondblclick— 鼠标左键双击事件。onmouseover— 鼠标移入事件。onmouseout-- 鼠标移出事件。onmousemove— 鼠标移动事件。onmousedown— 鼠标按下事件。oninput---- 内容改变事件。onclick— 鼠标左键单击事件。onmouseup— 鼠标抬起事件。onkeydown— 键盘按下事件。onchange— 内容改变事件。onkeyup— 键盘抬起事件。onblur— 失去焦点事件。
JS中onblur总结
qq_30359369的博客
08-05 7161
JS中onblur总结 #第一种方式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <input type="text"id="...
vue 在onChange事件中添加参数
sunshineTing2的博客
09-22 9973
在change的默认事件中添加自定义参数 @change="(...args) => onChange(...args, '自定义参数')" @change="change($event, '自定义参数')" @change="(value, selectedOptions) => onChange(value, selectedOptions, '自定义参数')" 示例 <a-cascader :options="formatArr" :s
javascript 触发事件列表 比较不错
10-29
JavaScript事件是网页交互的核心，它允许开发者在特定的时间点执行某些操作，如用户点击按钮、输入数据或滚动页面等。以下是一些常见的JavaScript触发事件及其详细解释： 1. **单击事件 (onclick)**：当用户点击...
JavaScript中的事件处理
10-30
JavaScript中的事件处理是编程中非常关键的一环，它赋予了网页动态性和交互性。事件处理的概念简单来说就是：当一个特定的事件发生时，执行相应的处理程序，使得程序能够对用户的操作做出响应。事件处理主要涉及到...
Select的OnChange()事件
12-10
请选择 Item 1 Item 2 Item 3 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
JavaScript 事件记录使用说明
10-29
JavaScript 事件记录是Web开发中的重要概念，它允许开发者捕捉并响应用户在网页上的各种交互行为。通过事件，JavaScript能够监听用户的动作，并在特定事件发生时执行相应的代码，从而实现动态效果和交互功能。 首先...
浅谈JavaScript事件的属性列表
10-24
JavaScript事件是编程中的一种机制，它允许我们对用户在网页上的交互作出响应。这些交互可以是点击、滚动、输入等。在HTML中，通过在元素上设置特定的属性，我们可以指定当这些事件发生时应执行的JavaScript代码。...
oninput、onblur和onchange的区别
qq_36354324的博客
09-02 3304
oninput： 用户在向input输入框里输入数据的时候，会触发oninput事件 <input type="text" placeholder="input事件" class="inp"> btn.onclick = function() { console.log('123') } 一开始是这样的 注意：当我在输入框里面输入的时候，控制台会打印出 123 输入几次，就会触发几次事件，就会打印几次 123 onchange： ...
select上添加onchange函数
菜鸡程序员
10-16 1万+
select的onChange事件问题解决 （onchange、onfocus、onclick、onmousedown） onChange事件只有在值改变时才可触发，所以必须在每一次选择时（尤其第一次）保证选择的值是改变的 selected >xxx  //在这要选定一个默认的值 “selected” xxx 这样在选择第二个时，值就会变即可触发onChange;
初识onclick、onblur、onchange
kngines
10-22 7174
onclick、onblur、onchange 有什么区别   一些人开发的 jsp 页面真的不敢恭维，有时候实在是太杂乱无章，不过也有自己的原因，谁让自己编写 js 等脚本的能力那么衰呢！ 问题描述： 页面中存在如下图的输入框，进入页面后，会默认给出“起始日期”、“结束日期”，现要求如果“被加变量”一旦改动，程序会自动给出结束日期值。 详细参考下面截图（注意红色箭头
Js中的onblur和onfocus事件
zxfly6的博客
05-15 880
 html页面中，诸如按钮、文本框等可视元素都具有拥有和失去焦点的事件，这些事件在响应鼠标或键盘动作时都可激发预设的操作。本文以文本框获得和失去焦点为例简单讲解onfocus和onblur的应用。一. onfocus（获得焦点事件）当一个文本框获得焦点时，它里面的文本就像“好123”网站上的百度搜索输入框那样全部被自动选中，这样的操作可以利用onfocus来实现。以下的文本框，当鼠标指针移过去时，...
javascript 表单事件
05-25
JavaScript 可以使用表单事件来处理表单的各种操作，例如提交表单、验证表单数据、清除表单等。 以下是一些常见的表单事件： 1. onsubmit：提交表单时触发的事件，可以用来验证表单数据的合法性，或者阻止表单的提交。 2. onreset：清除表单时触发的事件，可以用来清除表单数据或者重置表单状态。 3. onchange：当表单元素的值发生改变时触发的事件，可以用来实时获取表单数据并进行处理。 4. onfocus：当表单元素获得焦点时触发的事件，可以用来进行一些特殊的处理，比如高亮显示输入框。 5. onblur：当表单元素失去焦点时触发的事件，可以用来进行一些特殊的处理，比如验证输入框的内容是否符合要求。 使用这些事件可以方便地实现表单的交互效果和数据验证功能。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值