首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在javascript中使用onchange事件使用两个文本框时,如何将文本框重置为零值?

在JavaScript中,可以使用onchange事件来监听文本框的值变化。当两个文本框的值发生变化时,可以通过JavaScript代码将它们重置为零值。

以下是一种实现方式:

  1. 首先,在HTML中给两个文本框添加onchange事件监听器,并指定一个处理函数,例如:
代码语言:txt
复制
<input type="text" id="textbox1" onchange="resetToZero(this)">
<input type="text" id="textbox2" onchange="resetToZero(this)">
  1. 接下来,在JavaScript中定义处理函数resetToZero,该函数将文本框的值设置为零值,例如:
代码语言:txt
复制
function resetToZero(textbox) {
  textbox.value = 0;
}

在这个处理函数中,我们通过将文本框的value属性设置为0来将其重置为零值。

这样,当两个文本框的值发生变化时,它们将被重置为零值。

请注意,这只是一种实现方式,你可以根据具体需求和场景进行调整和扩展。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

【整合】input标签JS改变Value事件处理方法

某人需要在时间控件给文本框赋值,触发事件函数。实现的效果:   1、文本框支持手工输入,通过用户输入修改,手工输入结束后触发事件。...这样onpropertychange就对手工输入无效;   3、实现手工输入结束后要触发事件使用onchange事件   1、其他浏览器也可以使用onchange模拟输入结束后触发事件,但是没法使用...适用场景文本框输入过程实时监听输入内容,触发事件 onpropertychange:IE中元素特有的属性,直接在底层监听元素的属性变化(不止是Value),任何变化都会触发事件,包括适用JS操作...      适用场景:页面运行期间实时监听元素属性变化,触发事件,特别适用于IEJS操作触发事件的场景 后记:项目原需求的实现其实最好是控件里面更改,这里做了个奇怪的东西~  权当学习 参考:...javascript开发中使用onpropertychange,oninput事件解决onchange事件的不足 http://www.jb51.net/article/25275.htm 总结oninput

12.2K50
  • java文本框获得输入焦点_文本框获得焦点和失去焦点的判断代码

    文本框失去焦点事件、获得焦点事件 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后,产生该文件 Onchange:当文字改变,产生该事件 Onselect:当文字加亮后,产生该文件...onpropertychange 当属性改变发生该事件 无论粘贴 keyup onchange等,最为敏感 先来看javascript的直接写在了input上 jquery实现方法 对于元素的焦点事件...focus():得到焦点使用,和javascript的onfocus使用方法相同。...如: $(“p”).focus(); 或$(“p”).focus(fn) blur():失去焦点使用,和onblur一样。...其中placeholder就是其中一个,它可以同时完成文本框获得焦点和失去焦点。必须保证input的value空, placeholder的内容就是我们页面上看到的内容。

    4K40

    JavaScript(十三)

    提交表单可能出现的最大问题,就是重复提交表单。解决这一问题的办法有两个: 第一次提交表单后就禁用提交按钮 利用 onsubmit 事件处理程序取消后续的表单提交操作。...重置表单 在用户单击重置按钮,表单会被重置使用 type 特性 “reset” 的 input 或 button 都可以创建重置按钮,如下: <!...重置表单,所有表单字段都会恢复到页面刚加载完毕的初始。如果某个字段的初始空,就会恢复空; 而带有默认的字段,也会恢复默认。...用户单击重置按钮重置表单,会触发 reset 事件,利用这个机会,我们可以必要时取消重置操作。 表单字段 可以像访问页面的其他元素一样,使用原生 DOM 方法访问表单元素。...value 改变触发,对于 select 元素,在其选项改变触发 文本框脚本 ---- HTML,有两种方式来表现文本框: 使用 input 元素的单行文本框 使用 textarea 元素的多行文本框

    3.3K20

    JavaScript 事件基础补充

    在内联模型事件处理函数是HTML标签的一个属性,用于处理指定事件。虽然内联在早期使用较多,但它是和HTML混写的,并没有与HTML分离。...三.脚本模型 由于内联模型违反了HTML与JavaScript代码层次分离的原则。为了解决这个问题,我们可以JavaScript处理事件。这种处理方式就是脚本模型。...input.onclick = box;//把函数名赋值给事件处理函数 四.事件处理函数 JavaScript可以处理的事件类型:鼠标事件、键盘事件、HTML事件。...JavaScript事件处理函数及其使用列表 事件处理函数 影响的元素 何时发生 onabort 图像 当图像加载被中断 onblur 窗口、框架、所有表单对象 当焦点从对象上移开 onchange...input.onchange = function () { alert('Lee'); }; focus:当页面或者元素获得焦点window及相关元素上面触发。

    3.1K50

    HTML5+CSS3+JavaScript从入门到精通-17

    type(text-单行文本框,password-密码文本框, submit-提交,reset-重置,button-按钮) size-框宽度, maxlength...-内容最大长度 value-默认,name-提交表单上传的参数名 提交method默认为get,内容可以地址栏看到,不安全。...-- 下拉列表框 配合 option datalist 需要与文本框一起使用 input下,有id,配合 option --> 17...eg:path=d:/www domain - 决定cookie一个域名多个服务器共享;eg:domain=.js.com; secure - true表示只能使用https或其他安全协议的安全...-- 若存储进行了encodeURI(),则使用时要用decodeURI()解析; cookie各参数之间使用分号(;)和空格进行连接,可使用split()将每个属性分离,存储到数组

    1.4K20

    javascript入门笔记5-事件

    事件是可以被 JavaScript 侦测到的行为。 网页的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。...3.鼠标单击事件( onclick ) onclick是鼠标单击事件,当在网页上单击鼠标,就会发生该事件。同时onclick事件调用的程序块就会被执行,通常与按钮一起使用。... 9.文本框内容改变事件onchange) 通过改变文本框的内容来触发onchange事件,同时执行被调用的程序。 <!...加载页面,触发onload事件事件写在body标签内。 b. 此节的加载页面,可理解打开一个新页面。 如下代码,当加载一个新页面,弹出对话框“加载,请稍等…”。 12.任务 使用JS完成一个简单的计算器功能。实现2个输入框输入整数后,点击第三个输入框能给出2个整数的加减乘除。

    1.2K30

    表单脚本

    一、表单的基础知识 HTML,表单由元素来表示,而在JavaScript,表单对应的则是HTMLFormElement类型。... (3)表单字段事件 blur:当前字段失去焦点触发 change:对于和元素,它们失去焦点且value改变触发;对于元素,在其选项改变触发...focus:当前字段获取焦点触发 表单错误提示流程:利用focus事件修改文本框的背景颜色,以便清楚表明这个字段获取了焦点;利用blur事件恢复文本框的背景颜色;利用change事件在用户输入了非规定字符提示错误...textbox.focus(); } 部分选择文本的技术实现高级文本输入框很有用,例如提供自动完成建议的文本框就可以使用这种技术。...URL编码,使用“&”分隔; 不发送禁用的表单字段; 只发送勾选的复选框和单选按钮; 不发送type“reset”和“button”的按钮; 选择框每个选中的单独条目发送; 五、富文本编辑 contenteditable

    4.8K41

    python文本框事件_文本框事件

    1、文本框焦点问题 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后,产生该文件 Onchange:当文字改变,产生该事件 OnseleCT:当文字加亮后,产生该文件...onkeyup:每改变,就产生该文件 οnfοcus=”if(value==’文本框里的字’) {value=”}” οnblur=”if (value==”) {value=’文本框里的字’}”>点击时文字消失...this.stop()’ οnmοuseοut=’this.start()’ height=60> 共和国 9.状态栏显示该页状态 10.可以点击文字实现radio选项的选定 id=”A03″> 情侣 : 一次注册两个帐户...11.可以文字域的font写onclick事件 12.打印打印网页 13.线型输入框 name=”key” size=”12″ value=”关键字” onFocus=this.select()...} 15.可以鼠标移到文字上就触发事件 STYLE=”font-family:Arial”> Changing Background Colors SIZE=”8″ onChange=”bgChange

    3.3K20

    HTML、CSS、JavaScript学习总结

    另外在JavaScript对于对象属性和方法的引用,有两种情况: – 该对象静态对象,表示引用该对象的属性或方法不需要为它创建实例; – 引用该对象属性和方法必须它创建一个实例,叫做动态对象...JavaScript 事件 事件名 说明 onClick 鼠标单击 onChange 文本内容或下拉菜单的选项发生改变 onFocus 获得焦点,表示文本框等获得鼠标光标。...文本框对象 • 文本框元素用于表单输入字、词或一系列数字 • 可以通过将 HTML 的 INPUT 标签的 type 设置“text”,以创建文本框元素 文本框对象 – 事件处理程序 文 本 框...事件 onBlur 文本框失去焦点 onChange 文本框被修改 onFocus 光标进入文本框 方法 focus( ) 获得焦点,即获得鼠标光标 select( ) 选中文本内容,突出显示输入区域...• 浏览器窗口中,如果文本框获得焦点,则会调用 onFocus 事件处理程序 • 当对象失去焦点或光标退出对象,将执行 onBlur 事件处理程序 • 当修改文本框内容或改写下拉列表框的选项

    3.1K20

    JavaScript 表单处理

    一.表单介绍 HTML,表单是由元素来表示的,而在JavaScript,表单对应的则是HTMLFormElement类型。...那么使用ctrl+F5就可以把源头给刷出来。 重置表单 用户点击重置按钮,表单会被初始化。虽然这个按钮还得以保留,但目前的Web已经很少去使用了。...textField.select();//选中文本框的文本 选择部分文本 使用文本框内容的时候,我们有时要直接选定部分文本,这个行为还没有标准。...Firefox文本框提供了两个属性:selectionStart和selectionEnd。...如果要阻止裁剪、复制和粘贴,那么我们可以剪贴板相关的事件上进行处理,JavaScript提供了六组剪贴板相关的事件事件名 说明 copy 发生复制操作触发 cut 发生裁剪操作触发 paste

    4.8K101

    HTML5表单及其验证

    1.输入型控件 Input type 用途 说明 email 电子邮件地址文本框 url 网页URL文本框 number 数值的输入域 属性 描述 max number 规定允许的最大 min...表单新特性和函数 2.1 placeholder 当用户还没有输入,输入型控件可能通过placeholder向用户显示描述性说明文字或者提示信息,这在目前网站很常见,一些JS框架都会提供类似功能,...简单的说下在旧版本中常用的解决方案,输入控件创建一个label,然后通过CSS控制些label的位置使之覆盖输入控件上面,当label获得焦点,浏览器会把焦点指向输入控件。...不过有了placeholder,新的浏览器就内置了这一功能,其特性会以浅灰色样式显示输入框,当输入框获得焦点并有后,该提示信息自动消失。...} } //页面初始化事件(onload)注册的自定义事件 window.addEventListener("load", loadDemo

    1.8K40

    Extjs-lesson4

    ; }; //重置按钮"点击"处理方法 var btnresetclick = function() { Ext.MessageBox.alert("提示", "你点了重置按钮!")..., //不允许空 allowBlank: false, //如果校验的提示文字 blankText: "请输入身高" }); 3.2.1 重写文本框 //重写Ext.form.TextField...Combobox 8.2 代码 ❝Ext.js2.3 没有 ArrayStore ,我们使用 Store 替代更多精彩文章请关注公众号『Pythonnote』或者『全栈技术精选』 ❞ //创建数据源[...,字段与数据一一对应解释 Extjs 使用的数据 // 参数 id 列,以及其他各个字段的名称 reader: new Ext.data.ArrayReader({ id: "id" },...id 列的;此属性必填 valueField: "id", //请设置”all”,否则默认为”query”的情况下,你选择某个后,再此下拉,只出现匹配选项。

    4.8K10

    JQuery基础概念知识

    AJAX:即“Asynchronous Javascript And XML”(异步JavaScript和XML),可以不刷新页面完成数据库操作(包括查询并返回数据),验证输入时有很重要的作用。...使用 jQuery的Id选择器;jQuery的事件方法;修改样式函数css();修改属性函数attr(); 新建一个html文档 <!...; 标签的type类型”reset”是重置form标签之间文本框输入的数据空; 的action属性标示了按下提交按钮后的跳转,可以是一个简单的网址,也可以是一个action...,定义一个变量用var关键字,var parameter = xx; 数组的定义:var Arr = new Array('a','b','c'); //new Array('')是固定格式 以上获取文本框输入使用的是...的控件的value,并赋值给account, 此处的account是一个类似Java的String类型(注意:不要混用Java的各种方法),Js有其自己的各种函数来操作字符串,使用之前要确定正确

    1.2K10
    领券