`
Virgo_S
  • 浏览: 1153846 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js 回车 提交

    博客分类:
  • JS
阅读更多
<script language="javascript" for="document" event="onkeydown">
<!--

  if(event.keyCode==13)
     event.keyCode=9;

-->
</script>



这样的处理方式,可以实现焦点往下移动,但对于按钮也起同样的作用,一般的客户在输入完资料以后,跳到按钮后,最好能直接按"回车"进行数据的提交.因此,对上面的方法要进行一下修改,应该对于"提交"按钮不进行焦点转移.而直接激活提交.



因此我对上面的代码进行了一个修改,即判断事件的"源",是否为提交按钮,代码如下:

<script language="javascript" for="document" event="onkeydown">

<!--
  if(event.keyCode==13 && event.srcElement.type!='button' && event.srcElement.type!='submit' && event.srcElement.type!='reset' && event.srcElement.type!='textarea' && event.srcElement.type!='')

     event.keyCode=9;

-->
</script>


判断是否为button, 是因为在HTML上会有type="button"

判断是否为submit,是因为HTML上会有type="submit"

判断是否为reset,是因为HTML上的"重置"应该要被执行

判断是否为空,是因为对于HTML上的"<a>链接"也应该被执行,这种情况发生的情况不多,可以使用"tabindex=-1"的方式来取消链接获得焦点.

分享到:
评论

相关推荐

    js 回车提交表单两种实现方法

    JavaScript方法实现回车提交表单的基本步骤如下: 1. 给document对象绑定一个onkeydown事件处理函数。 2. 在事件处理函数中,获取触发事件的event对象。 3. 判断触发事件的键的keyCode值是否为13,即回车键的键码。 ...

    网页 按ctrl+回车提交

    总结一下,实现"网页 按ctrl+回车提交"的关键在于使用JavaScript监听键盘事件,检测Ctrl+Enter组合键,并模拟表单的提交动作。通过这样的技术,我们可以为用户提供更加便捷的操作体验,提高他们与网页的交互效率。在...

    js 特效 html 特效 防止按回车后提交内容

    js 特效 html 特效 防止按回车后提交内容 js 特效 html 特效 防止按回车后提交内容

    Js 回车换行处理的办法及replace方法应用

    当我们在文本框里输入文字敲下回车后,希望在提交后网页也显示是换行的效果,这时我们需要把提交的内容做下处理 才可以达到效果。 1、定义js原生的替换函数。js里没有replaceAll的函数,需要我们自定义 代码如下: ...

    js回车事件判断

    在探讨“js回车事件判断”这一主题时,我们首先需要理解JavaScript中如何捕捉和响应键盘事件,尤其是回车键的触发。JavaScript提供了强大的事件处理机制,使得开发者能够精细地控制用户与网页的交互方式。当涉及到...

    js与jquery回车提交的方法.docx

    ### JavaScript与jQuery实现回车键提交的方法 在Web开发中,常常需要处理用户通过键盘输入进行的交互操作,其中一种常见的需求就是通过检测用户的回车键来触发表单提交或其他功能。本文将详细介绍如何使用原生...

    js 特效 html 特效 ctrl加回车提交

    js 特效 html 特效 ctrl加回车提交

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

    在实际开发中,考虑到不同浏览器的兼容性和用户习惯,开发者需要谨慎处理回车提交事件,确保功能的稳定性和用户体验的一致性。同时,利用源码分析工具,如提供的`submit.html`文件,可以帮助我们更深入地理解和调试...

    点击回车提交表单,应用Java技术实现。

    2. **JavaScript事件监听**:学习如何使用JavaScript监听键盘事件,并在用户按下Enter键时触发表单提交。 3. **Java后端处理**:简要介绍如何使用Java处理来自前端表单的数据。 #### 三、HTML表单元素 HTML...

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

    使用JavaScript处理键盘事件以实现表单的回车键提交功能 在Web开发中,我们经常需要为用户提供更友好的交互体验,其中一个常见的需求就是允许用户通过按下回车键来提交表单。这种方法可以提高用户体验,并且在很多...

    js回车事件绑定.txt

    ### JavaScript回车事件绑定知识点详解 #### 一、概述 在Web开发中,我们经常会遇到需要监听用户输入的情况,特别是当用户按下特定按键时触发某些功能。其中,“回车键”(Enter键)是一个非常常见的触发条件。...

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

    3. **使用JavaScript监听回车键**:通过JavaScript监听文本框的`keydown`或`keypress`事件,可以在检测到回车键被按下时手动触发表单提交。 ```javascript document.getElementById('myInput').addEventListener('...

    禁止按回车键提交表单的方法

    2. 使用JavaScript监听键盘事件:通过绑定`onkeypress`事件,检查按键码是否为13(回车键的ASCII码),如果是,则阻止默认的提交行为。例如: ```javascript document.onkeypress = function() { if (event.keyCode...

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

    综上,文本框回车提交与禁止提交是网页交互中的常见需求,通过JavaScript和HTML事件监听可以轻松实现。在实现这些功能的同时,不要忘记进行必要的输入验证和考虑无障碍性,以提供更好的用户体验。

    javascript经典特效---ctrl加回车提交.rar

    在压缩包中的`ctrl加回车提交.htm`文件很可能包含了上述功能的实现。通过打开并查看这个HTML文件,你可以看到具体的HTML结构和嵌入的JavaScript代码,从而学习如何将"Ctrl + Enter"提交功能应用到实际项目中。 总的...

    如何防止INPUT按回车自动提交表单FORM

    另一种方法是通过JavaScript监听input的键盘事件,当检测到回车键(键码13)被按下时,阻止默认的表单提交行为。以下是一个简单的示例: ```html (event.keyCode==13) return false;"&gt; ``` 在这个例子中,`...

    JavaScript阻止回车提交表单的方法

    因此,了解如何使用JavaScript阻止回车键提交表单是十分必要的。 阻止回车键提交表单的方法主要依赖于对键盘事件的监听和处理。当用户在表单内按下键盘时,会触发一系列的键盘事件(如onkeydown, onkeypress, ...

    js去除空格和回车符

    在JavaScript(JS)编程语言中,去除字符串中的空格、回车符等空白字符是一项常见的需求,尤其是在处理用户输入的数据时。本篇文章将详细介绍如何利用JavaScript来实现这一功能,并通过具体的示例帮助读者更好地理解...

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

    以下是关于JavaScript如何控制回车键触发表单提交问题的相关知识点: 1. 回车键提交表单的默认行为: - 在大多数浏览器中,如果用户在一个文本输入框(input type="text")内按下回车键,并且表单中存在type为...

Global site tag (gtag.js) - Google Analytics