首页 web前端 js教程 表单Form的submit事件不响应的解决方法_表单特效

表单Form的submit事件不响应的解决方法_表单特效

May 16, 2016 pm 06:59 PM
submit 不响应 事件

一、问题描述
类比一下,我用input.select()做了测试,却能响应select事件。这个原因先放一边,我们看看先怎么把眼下的问题解决了。
不响应事件的代码示例:

[Ctrl A 全选 注:如需引入外部Js需刷新才能执行
]

实际运行,不会有alert出来。
虽然用submit方法来提交表单有违Unobtrustive Javascript的原则,但有时候不得不用,比如做搜索提示(auto-complete)选中Item之后就需要用JS来提交搜索表单。 二、问题分析

既然本身不响应事件,那只有手工触发这些事件了,确定手工触发方案之前先回顾一下事件的注册方式:
“原始”的注册方式有两种,看代码示例:

[Ctrl A 全选 注:
如需引入外部Js需刷新才能执行
]

这样的注册事件,会给form增加了一个方法onsubmit。所以,可以通过直接执行这个方法,等同于手工触发了事件。
看代码示例:
[Ctrl A 全选 注:
如需引入外部Js需刷新才能执行
]
这样可以得到一个alert。
但是在如今“先进”的DOM2标准注册方式以及IE的注册方式attachEvent已经很常用。这些注册方式,onsubmit方法是不存在的,如果使用form.onsubmit()会直接报错。

三、解决方案


[Ctrl A 全选 注:
如需引入外部Js需刷新才能执行
]

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门文章

仓库:如何复兴队友
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热门文章

仓库:如何复兴队友
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热门文章标签

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

事件 ID 4660:已删除对象 [修复] 事件 ID 4660:已删除对象 [修复] Jul 03, 2023 am 08:13 AM

事件 ID 4660:已删除对象 [修复]

在iPhone锁屏上获取即将到来的日历事件 在iPhone锁屏上获取即将到来的日历事件 Dec 01, 2023 pm 02:21 PM

在iPhone锁屏上获取即将到来的日历事件

在JavaScript中,'oninput'事件的用途是什么? 在JavaScript中,'oninput'事件的用途是什么? Aug 26, 2023 pm 03:17 PM

在JavaScript中,'oninput'事件的用途是什么?

如何在PHP项目中实现日历功能和事件提醒? 如何在PHP项目中实现日历功能和事件提醒? Nov 02, 2023 pm 12:48 PM

如何在PHP项目中实现日历功能和事件提醒?

jQuery中如何实现select元素的改变事件绑定 jQuery中如何实现select元素的改变事件绑定 Feb 23, 2024 pm 01:12 PM

jQuery中如何实现select元素的改变事件绑定

Vue文档中的input框绑定事件详解 Vue文档中的input框绑定事件详解 Jun 21, 2023 am 08:12 AM

Vue文档中的input框绑定事件详解

jquery中常用的事件有哪些 jquery中常用的事件有哪些 Jan 03, 2023 pm 06:13 PM

jquery中常用的事件有哪些

深入研究jQuery中的关闭按钮事件 深入研究jQuery中的关闭按钮事件 Feb 24, 2024 pm 05:09 PM

深入研究jQuery中的关闭按钮事件

See all articles