如何在重置表单时运行 JavaScript 代码?

2024-03-24

我知道我们可以将处理程序附加到表单onsubmit...但是我们如何向表单重置事件添加处理程序? (通常当点击<input type="reset">)

或者...也许没有这样的事件...所以问题就变成了如何解决这个问题?

(现在,我想运行一个处理程序after重置事件;但有一天我可能需要跑步before重置事件)


根据MDN https://developer.mozilla.org/en-US/docs/DOM/Mozilla_Event_Reference/reset, the <form>标签支持onreset event.

Onreset在实际重置表单之前触发;重置后似乎没有任何事件。我测试了一下重置是否会触发onchange其值已重置的输入的事件,但似乎并未重置。

重置后执行某些操作的解决方法可能是在重置时设置一个标志,然后使用onblur重置按钮的事件(因此重置后,它将在您下次单击其他内容时运行)。当然,另一种解决方法是触发 setTimeout,以便您的脚本在重置后短时间内运行。恐怕其中任何一个都有点黑客行为。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在重置表单时运行 JavaScript 代码? 的相关文章

  • 对 JavaScript 中的 while 循环感到困惑

    我可能在这里有点厚重 但请回答我这个问题 考虑以下代码 a 1 while a lt 6 console log a a 如果我运行这个 我会在控制台中得到从 1 到 6 的值 然后是另一个 6 现在看看这个 a 1 while a lt
  • 如何在网格视图的单元格中插入换行符?

    我想知道如何在网格视图的单元格中添加换行符 现在 我把 1 1 1 然而 这呈现为 1 1 1 如何修复换行符 以便每个数字显示在自己的行上 Add HtmlEncode False to asp BoundField并且在正文中 应该有
  • 是否可以用 json 进行表达式/计算?

    我使用出色的 json server 作为应用程序的后端 它对于访问自定义端点以检索一些数据非常有用 但是如果它允许我进行计算 表达式以便我也可以模仿后端行为 那将会非常有用 以这个数据结构为例 products name football
  • 在 AngularJS 中覆盖运行时的依赖关系

    我有一个服务叫 doggedHttp 它公开了与 http 现在我想创建一个 doggedResource服务是有角度的 resource服务之上 doggedHttp代替 http 换句话说我想注入 doggedHttp as the h
  • 避免 AngularJS 部分视图在 IE 中缓存

    我正在开发一个 ASP NET MVC 应用程序 它也有一些 angularJS 我有一个主页 其中有不同的选项卡 当您单击它们时 它们会加载角度部分视图 主页是这样的 div class widget div div class widg
  • Typeahead.js 干扰 Bootstrap 输入组

    如何防止 Typeahead js 拆分我的 Twitter Bootstrap 3 输入组 每当我将 Typeahead javascript 指向属于输入组一部分的文本区域时 连接的文本区域和提交按钮就会停止连接 这只是 Typeahe
  • 替换 Javascript 中的引号?

    对于我正在制作的网络应用程序 我将收到文本字符串 其中偶尔包含引号 因为我接下来要 document writing 字符串 所以需要将它们更改为撇号或转义 我该怎么做 因为当我尝试时它似乎不起作用 特别是我认为因为字符串的引号阻止了脚本的
  • 如何获取 svgElement 的比例?

    我正在研究 svg div style width 300 height 300 div
  • JavaScript - 这个这个

    String prototype foo String prototype foo bar function How can you reference the grandparent string console log this par
  • 网页抓取 - 如何识别网页上的主要内容

    给定一个新闻文章网页 来自任何主要新闻来源 例如时报或彭博社 我想识别该页面上的主要文章内容 并丢弃其他杂项元素 例如广告 菜单 侧边栏 用户评论 在大多数主要新闻网站上都可以使用的通用方法是什么 有哪些好的数据挖掘工具或库 最好是基于Py
  • 单击窗口后才检测到 keydown

    在我的 Web 应用程序中 我有一个用于打开菜单的键的事件侦听器 仅当我单击页面上的任意位置后 此功能才可以正常工作 我尝试将焦点添加到窗口加载 但这仍然不会让 keydown 函数运行 直到我单击页面上的某个位置之后 有谁知道这是否可能
  • 用于客户端存储和服务器端同步的javascript库[关闭]

    Closed 这个问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 我正在寻找一个 javascript 库 它可以让我将数据存储在客户端数据库中 并在后台自动将数据库同
  • 在javascript中定义Date.parse的格式[重复]

    这个问题在这里已经有答案了 我正在使用 Date parse 将字符串转换为 JavaScript 中的日期 但是 如果字符串看起来像 10 11 2016 它会被解释为 2016 年 10 月 11 日 我需要将其解释为 2016 年 1
  • 可选链接在 create-react-app 中不起作用

    In a create react app项目 我正在使用 babel plugin proposal optional chaining在我的 babelrc中 但是 我有这个错误 Module parse failed Unexpect
  • 使用后代选择器的响应式网站

    我试图使用媒体查询使我的网站响应 但是当我在代码的某些部分使用后代选择器时 页面没有响应 当我使用此代码时 该页面是响应式的 div1 float left width 20 height 200px background color re
  • 条件顺序仅在 init AngularJS 上执行

    如何在视图初始化时仅运行 orderBy 过滤器一次 我不希望我的列表在运行时被重新排序 li li 使用 orderBy 作为控制器中的过滤器 app controller DemoCtrl scope filter function s
  • 如何使盒子阴影显示在容器中的下一个元素上?

    请看这段代码 http codepen io Varin pen kkGgVd http codepen io Varin pen kkGgVd div class container div class outside2 div clas
  • 如何在odoo中重写js函数

    我想加载 shop checkout url 函数是 odoo define change info order website sale change info order function require use strict oe w
  • addEventListener keydown 不起作用

    我在互联网上找到了一些基本的 Pong 代码 并尝试添加按键 代码在这里 http cssdeck com labs ping pong game tutorial with html5 canvas and sounds http css
  • Javascript:修改原型不会影响现有实例[重复]

    这个问题在这里已经有答案了 我创建了原型的 2 个实例 更改了原型中的函数 更改反映在两个实例中 很棒 但是 当我通过删除该函数来修改原型时 该函数对于现有实例仍然存在 function A this name cool A prototy

随机推荐

  • Rails 3 检查属性是否更改

    在 Rails 3 中更新之前需要检查属性块是否已更改 街道 1 街道 2 城市 州 邮政编码 我知道我可以使用类似的东西 if user street1 params user street1 then do something end
  • R中似乎不存在错误光栅文件

    由于 pgirmess 包出现故障 我重新安装了 R 我已经重新下载了所有必需的软件包 我使用了在重新安装之前运行良好的相同脚本 但是我无法读取光栅对象 并且收到一条消息 Error file exists filename is not
  • 更新未屏蔽的 numpy 数组

    我的问题是双重的 首先 假设我有两个 numpy 数组 它们被部分屏蔽 array old 10 11 12 14 17 array update 5 9 15 8 13 19 16 如何创建一个新数组 其中所有非屏蔽值都被更新或修改 例如
  • Python easygui 无法选择文件

    这是我的代码 import easygui f easygui fileopenbox print f 看起来很简单 但是当我运行它时 我无法选择任何文件 请参见链接中的图 抱歉 如果这很愚蠢 但我已经无计可施了 https i stack
  • 安装国际 PHP 扩展 OSX High Sierra

    如何在 PHP 7 1 7 中安装 intl PHP 扩展 随 osx high Sierra 一起提供 所以我有完全相同的问题 正如其他人在这里评论所指出的 High Sierra 附带安装了 PHP 7 1 并且该 PHP 版本已对其进
  • Flutter TextField 输入验证日期

    我正在尝试编写一个日期输入控件 它接受像 23 12 1997 这样的日期 我希望它做的是自动为用户插入 字符 因此 当他们输入 23 时 监听器返回 23 以便他们可以输入 12 此时 监听器再次添加 让用户通过输入 1997 来完成日期
  • 如何将node.js连接到mysql和wamp/xampp服务器?

    我是一名 PHP 程序员 目前从事 WP CI OC 工作 我是node js的绝对初学者 想知道如何一步步连接MySql和WAMP XAMPP 如果我要直播 那么直播服务器的设置是什么 请让我知道一步一步的方法 按照本教程进行操作 教程在
  • 如何使用计时器移动顶点着色器中的点

    我无法弄清楚如何使用顶点着色器通过计时器为我的对象设置动画 我在窗口中的随机位置有一堆点 我想要做的是将这些点移动到窗口的中心 即 0 0 0 0 然后在某个点到达窗口中心后停止在那里 这是我的顶点着色器代码 layout location
  • 使用 PhoneGap / Cordova 的 Web 应用程序的状态栏通知

    我正在使用最新版本的 PhoneGap 开发适用于 iOS 和 Android 的 Web 应用程序 我想在手机状态栏上向用户发送通知 但我不知道该怎么做 似乎曾经存在过一个 Cordova 插件 StatusBarNotification
  • 使用 Hibernate 验证日期

    我们有现有的酒店管理系统 我被要求在系统的 创建住宿 功能中添加日期验证 该对话框如下所示 结束日期 已经过验证 如下面的代码所示 这 FutureHibernate 中的注释确保日期是将来的日期 NotNull Future DateTi
  • 从调用 forEach() 数组方法的方法返回。 JavaScript

    我正在使用从 JavaScript 中的数组调用的 forEach 方法 当我写作时return 在为数组中的每个元素调用的方法内部的某处 我从为特定元素调用的方法中返回 仅此而已 但我真正想要的是从数组调用 forEach 的方法中返回
  • 如何让 Rust 的 openssl crate 解密来自对称加密 gem 的数据,而不会出现 Node Crypto 自动删除的乱码?

    我正在使用 Rust 中的对称加密 gem 解密 Ruby on Rails 应用程序创建的遗留数据 请参阅我之前的问题如何用另一种语言解密由 Ruby 的 对称加密 gem 加密的数据 https stackoverflow com qu
  • 什么时候应该使用 Throwable 而不是 new Exception?

    Given Throwable is Exception的超类 当我阅读有关编写自己的 例外 的文章时 我看到了以下示例Throwable被用在catch块和其他文本显示new Exception 被用在catch堵塞 我还没有看到什么时候
  • 在Java中实现去抖动

    对于我正在编写的一些代码 我可以使用一个很好的通用实现debounce在爪哇 public interface Callback public void call Object arg class Debouncer implements
  • 获取 pandas 列左侧最接近的值

    我有4个国家的每日气温如下 Day GB US AU CA 1 33 2 32 3 23 4 34 5 23 34 6 45 34 7 34 23 8 34 33 9 34 45 44 12 10 23 23 23 23 11 34 23
  • PhoneGap Android 入门“缺少以下一项”

    我目前正在关注本教程 http docs phonegap com en 2 2 0 guide getting started android index md html Getting 20Started 20with 20Androi
  • 自定义配置部分

    我目前正在尝试在我忙碌的项目中实现自定义配置部分 无论我尝试什么 我都会收到以下错误 为 pageAppearanceGroup pageAppearance 创建配置节处理程序时发生错误 无法从程序集 System Configurati
  • Wix 自定义操作仅在安装期间执行,但不在升级和删除时执行?

    我有一个自定义操作 该操作只能在安装期间执行 而不能在次要版本升级和删除期间执行 我尝试了不同的条件 但 CA 正在次要版本期间执行 1 未安装 或不 删除 全部 并升级产品代码 2 未安装 3 未安装 或未 已安装并删除 全部 并升级产品
  • javascript 中的函数调用排序 - 回调是唯一的方法吗?

    我读过各种线索 比如this one https stackoverflow com questions 1859185 how to force sequential javascript execution例如 但我真的不知道如何完成以
  • 如何在重置表单时运行 JavaScript 代码?

    我知道我们可以将处理程序附加到表单onsubmit 但是我们如何向表单重置事件添加处理程序 通常当点击