`
tianyalinfeng
  • 浏览: 443092 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

在form中按回车不触发onsubmit事件

    博客分类:
  • Html
阅读更多

IE:       
1. 只有一个text框时,(不管有没有submit),直接触发onsubmit (form标签的一事件属性)
2. 有多个text框时,触发submit上的onclick,其默认行为为触发onsubmit。   

相对来说,ff的行为最复杂。       
1. 有submit或button时,触发submit或button的onclick,然后该onclick的默认行为会触发onsubmit。 
2. 没有submit或button时, 
2.1 只有一个text框时,触发onsubmit; 
2.2 有多个text框时,不触发onsubmit。

分享到:
评论

相关推荐

    说说回车键触发表单提交的问题

    - **使用`<form onsubmit="">`**:在`<form>`标签上添加`onsubmit`事件处理函数,可以控制表单提交前后的逻辑。 此外,对于`<textarea>`元素,按下回车键会插入换行符,而非触发表单提交。如果希望在此场景下也响应...

    javascript 按回车键相应按钮提交事件.docx

    这两种方法都可以实现表单的提交功能,但在第二种方法中,当用户填写完表单后,按回车键并不会触发按钮点击事件,这与第一种方法的行为不一致,可能会导致用户体验不佳。 #### 三、实现按回车键触发按钮点击事件的...

    Form表单的action和onSubmit示例介绍

    onSubmit事件是表单中的一个事件处理器,当表单提交事件被触发时(通常是用户点击提交按钮或按下回车键时),onSubmit事件处理器所绑定的函数将被执行。它常用于在数据提交到服务器之前进行一些客户端验证,比如检查...

    按回车键提交表单~~~~~

    当用户在一个输入框中输入文本时,可以通过监听`onkeydown`事件来检查用户是否按下了回车键。如果确实按下了回车键,则模拟点击提交按钮的行为,进而实现表单的自动提交。 ### 2. 兼容性问题及解决方案 在上述代码...

    ie ,火狐 文本框回车自动提交

    在网页开发过程中,一个常见的需求是当用户在文本框中按下回车键时,自动触发表单提交。这种功能在多种浏览器中实现的方式可能有所不同,尤其是对于IE(Internet Explorer)和Firefox这两种主流浏览器。本文将深入...

    JSP文本输入解决回车问题代码实例[可运行].rar

    在网页开发中,用户在文本输入框中按下回车键时,通常会触发表单的提交事件,这是浏览器默认的行为。然而,在某些情况下,我们可能希望回车键执行其他操作,比如换行或者触发某个自定义功能。在JSP(JavaServer ...

    如何防止回车(enter)键提交表单

    在网页设计中,有时我们希望用户在填写表单时,按下回车键(Enter)不会立即触发表单的提交操作,而是执行其他行为或者不做任何处理。这是因为默认情况下,回车键会被用来提交表单,这可能不符合某些交互设计的需求。...

    回 车 键 触 发 表 单 提 交

    在网页设计中,表单是收集用户数据的重要手段,而回车键触发表单提交是用户体验中的一个常见功能。这个功能允许用户在填写完表单后,只需按下回车键,就能触发表单的提交,而无需去寻找并点击提交按钮。这在很多情况...

    网页中回车后form自动提交跳到其他页面的解决方法

    在【部分内容】中提供了解决方案,即在`<form>`标签上添加一个`onsubmit`事件处理器,并让它返回`false`。这个`onsubmit`事件会在表单提交时触发,执行的JavaScript函数`search_wj()`应该包含了处理查询逻辑的代码。...

    javascript 按回车键相应按钮提交事件

    为了使用户能够在填写完表单后直接按“回车键”提交表单,我们需要在页面上添加一段JavaScript代码,用于监听键盘事件并在检测到“回车键”时触发按钮点击事件。 1. **编写JavaScript函数** 首先,我们需要定义一...

    探索 v-on 之奥秘一:事件及各类修饰符的深度剖析与案例展示

    在这个例子中,`@keyup.enter` 使用了 `.enter` 键盘修饰符,当用户按下回车键时,`validateInput` 方法会被调用,对输入值进行验证。 总结起来,Vue 的 `v-on` 指令和事件修饰符为前端开发者提供了灵活的事件处理...

    jquery多浏览器捕捉回车事件代码

    最后,对于描述中提到的屏蔽回车事件的方法,即在`<form>`标签上设置`onsubmit="return false;"`,虽然可以防止表单的默认提交,但并不推荐,因为它可能会影响到其他依赖于表单提交的正常功能。除非你确定不会影响...

    javascript经典特效---快捷键提交按钮.rar

    我们通常会监听`keydown`事件,这个事件会在用户按下键盘上的任何键时触发。例如: ```javascript document.addEventListener('keydown', function(event) { // 检查按下的键是否是我们设定的快捷键 if (event....

    避免回车键导致的页面无意义刷新的解决方法

    在网页开发中,用户在文本框输入内容后按下回车键通常会触发表单的提交动作,如果这个表单没有明确的处理逻辑,就会导致整个页面的刷新,这对于实现局部刷新或者期望通过Ajax进行无刷新操作的场景来说是不希望看到的...

    表单元素事件 (Form Element Events)

    `onsubmit`事件在用户尝试提交表单时触发。通常,开发者会在这个事件中添加验证逻辑,以确保所有必要的字段都已填写,或者进行服务器端的数据校验前的预处理。如果验证失败,可以通过阻止默认的表单提交行为来防止...

    vue.js v-on事件使用,vue.js event事件绑定

    在处理键盘事件时,`key`修饰符非常有用,比如我们只想在按下回车键时触发某个操作: ```html ``` 此外,Vue.js还支持`v-on`与动态表达式结合,这意味着你可以动态地绑定事件处理函数: ```html ('arg')">点击我...

    Javascript鼠标事件汇总

    8. **`onKeyPress`**、**`onKeyDown`**、**`onKeyUp`**:分别在按键被按下并释放、按键被按下、按键被释放时触发。兼容IE4、Netscape 4、Opera浏览器。 - **用途**:用于处理键盘输入,实现快捷键功能。 - **示例...

    JS和jQuery使用submit方法无法提交表单的原因分析及解决办法

    而对于type="button"的元素,则不会触发onsubmit事件,必须在onclick事件中手动调用submit()方法,并在适当的时候触发onsubmit事件。 此外,需要注意的是,在使用按钮提交时,不同浏览器对于提交表单的行为存在差异...

    文本框回车提交与禁止提交示例

    文本框回车提交功能允许用户在填写完信息后,按下回车键即可触发特定的提交操作,如搜索、发送信息等,这极大地方便了用户交互。然而,有时我们可能需要禁用这种默认行为,例如防止误操作或在特定条件下不进行提交。...

Global site tag (gtag.js) - Google Analytics