`

js回车提交事件

 
阅读更多

一、整个页面用一个回车提交事件:

<input type="button" value="回车提交" id="auto" onclick="alert('你按了回车')"/>
<script type="text/javascript">
    document.onkeydown = function(e){
        if(!e) e = window.event;//火狐中是 window.event
        if((e.keyCode || e.which) == 13){
            document.getElementById("auto").click();
        }
    }

</script>

二、某个输入框中注册回车事件,一般用于用户在页面输入后按回车:

<script>
function enterIn(evt){
  var evt=evt?evt:(window.event?window.event:null);//兼容IE和FF
  if (evt.keyCode==13){
  var obj ;
  queryDistrict(obj,2);
}
}
</script>

<input type="text" id ="input1" maxlength="3" onkeydown="enterIn(event);"/> 

如果一个页面可能需要捕捉多个回车事件,那么就利用上面的方式分开写

第一种:
<script language="javascript" for="document" event="onkeydown">
var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode; 
if (keyCode == 13) { 
  document.forms[0].submit(); 
}  
</script>

第二种:
function enterFileEvent(evt, function_name,参数) {
var evt = evt ? evt : (window.event ? window.event :null);// 兼容IE和FF
if (evt.keyCode == 13) {
eval(function_name+"("+参数+")");
}
}
调用,例如:
在文本框中添加onkeydown="enterFileEvent(event,'执行的函数名称','参数')"

引自博客:

http://zlk.iteye.com/blog/707070

http://jie-bosshr.iteye.com/blog/1299168

分享到:
评论

相关推荐

    js回车事件绑定.txt

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

    js回车事件判断

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

    .net,js捕捉文本框回车键事件的小例子(兼容多浏览器).docx

    在网页开发中,捕获用户在文本框(TextBox)中按下回车键的事件是非常常见的需求,这通常用于实现表单提交或者执行特定的操作。在不同的浏览器中,处理这种事件的方式可能会有所不同。本文将详细解释如何使用...

    textbox 回车执行事件

    默认情况下,TextBox控件的回车键可能不会触发任何服务器端事件,因为浏览器通常会将回车键视为表单的提交按钮。为了在回车键被按下时执行服务器端代码,我们需要进行一些额外的配置。 1. **添加服务器端事件**:在...

    网页 按ctrl+回车提交

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

    Asp.net的TextBox回车触发事件

    可以通过JavaScript来监听键盘事件,并检查用户是否按下了回车键。下面是一个具体的实现示例: ```html &lt;script language="javascript"&gt; function EnterTextBox() { if (event.keyCode == 13 && document.all[...

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

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

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

    ### JavaScript 按回车键触发按钮提交事件详解 #### 一、背景介绍 在Web应用开发中,特别是在处理表单提交逻辑时,经常会遇到需要对用户输入进行验证的情况。通常,这种验证会通过表单的`onsubmit`事件或者按钮的`...

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

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

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

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

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

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

    ASP.NET回车提交事件浅析

    综上所述,ASP.NET回车提交事件的处理涵盖了HTML的表单行为、ASP.NET控件的特性和JavaScript的交互。开发者可以根据具体需求,通过设置`defaultButton`属性、调整控件呈现方式或使用JavaScript事件处理,来控制回车...

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

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

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

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

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

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

    【JavaScript源代码】一篇文章教你实现VUE多个DIV,button绑定回车事件.docx

    这篇文章主要讲解了在Vue.js项目中如何实现多个DIV和按钮绑定回车事件,以便在用户按下回车键时触发特定的操作。在实际开发中,这种功能常见于表单提交或者其他需要响应键盘输入的场景。 首先,尝试直接在DIV或者...

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

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

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

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

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

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

Global site tag (gtag.js) - Google Analytics