`
阅读更多

1,js 输入框如何铺货回车事件?

onkeypress

事件中捕获,即在keypress事件中,判断按下的键是否是enter,其对应keyCode是13

 

<input type="text" name="email" placeholder="电子邮箱"
														  onkeypress="pressEnterTo(event,user.register,this)" required>

 js pressEnterTo 方法实现如下

 

 

/***
 enter to to something identified by responseEvent
 */
var pressEnterTo = function pressEnterTo(event, responseEvent, arguments2) {
	if (!event || event == undefined) {
		event = window.event || arguments.callee.caller.arguments[0];
	}
var eventTarget = event.srcElement ? event.srcElement : event.target;
	if (event.keyCode == 13 && responseEvent && typeof responseEvent === 'function') {//Enter
if(arguments2==undefined){
			arguments2=eventTarget;
		}
		responseEvent(arguments2);
	}
};

 

 

2,pressEnterTo参数

第一个参数:事件对象

第二个参数:响应方法,即事件的处理方法

第三个参数:响应方法的参数

所以,如果想要文本框回车就提交表单,就把提交表单的方法作为第二个参数穿进去即可.

3,代码截图

 

  • 大小: 45 KB
6
3
分享到:
评论

相关推荐

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

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

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

    在这个例子中,我们利用JavaScript来监听键盘事件,并在用户按下Enter键时自动提交表单。 ```javascript document.onkeydown = function (evt) { var evt = window.event ? window.event : evt; // 兼容IE和其他...

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

    通过上述分析,我们可以看到如何使用JavaScript处理键盘事件以实现在用户按下回车键时提交表单的功能。此外,还讨论了兼容性问题以及如何优化代码以适应不同的浏览器环境。这对于Web开发者来说是非常重要的知识点之...

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

    本文将详细讲解如何禁止用户通过回车键来提交表单,以避免这种不必要的行为。 首先,我们要了解浏览器对表单的默认处理方式。在含有单个文本输入框的表单中,按下回车键会自动触发表单的提交。这是因为浏览器认为这...

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

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

    没有form表单情况下敲回车键提交表单的js代码.docx

    ### 没有form表单情况下敲回车键提交表单的JS代码 在Web开发中,表单是用户与网站交互的重要方式之一。通常情况下,表单通过`&lt;form&gt;`标签来定义,并且可以通过点击按钮或者按下回车键来提交表单数据。但在某些特殊...

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

    标题中的“JavaScript阻止回车提交表单的方法”是指使用JavaScript代码来防止用户按下回车键时触发表单的提交动作。这种技术对于确保用户在正确的时间提交表单,或者在提交前进行必要的验证是十分有用的。 描述中...

    js禁止回车提交表单的示例代码

    这样做虽然可以确保整个文档范围内禁止回车提交表单,但也可能会影响到其他需要使用回车键功能的场景(比如文本输入框的自动换行)。因此,在实际应用中,可能需要根据具体需求调整事件绑定范围,以减少不必要的影响...

    网页 按ctrl+回车提交

    下面我们将详细介绍如何使用JavaScript来实现在网页中按Ctrl+Enter提交表单。 1. **监听键盘事件**: JavaScript提供`addEventListener`方法来监听用户的键盘事件。我们需要关注`keydown`事件,因为它会在用户按下...

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

    如果表单中有多个`&lt;input&gt;`元素(包括隐藏的`&lt;input&gt;`),则浏览器不会在回车键被按下时自动提交表单。这是因为浏览器认为用户可能需要在其他输入框中输入数据,所以它等待用户完成所有输入后再提交表单。例如: ```...

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

    本文将详细讲解如何通过JavaScript来防止回车键提交表单。 首先,我们可以使用JavaScript的事件监听方法来阻止回车键触发表单提交。最常见的方法是在`&lt;form&gt;`标签中添加一个`onkeydown`事件处理函数,当用户按下...

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

    1. 回车键提交表单的默认行为: - 在大多数浏览器中,如果用户在一个文本输入框(input type="text")内按下回车键,并且表单中存在type为"submit"的按钮,那么表单将被提交。 - 如果表单内只有一个文本输入框,...

    javascript实现回车键提交表单方法总结

    首先,介绍使用纯JavaScript实现回车键提交表单的方法。这里的关键在于监听document对象上的键盘按下事件(keydown事件),并在事件处理函数中判断是否按下了回车键(其键码值为13)。若检测到回车键被按下,则执行...

    不同浏览器对回车提交表单的处理办法

    然而,不同的浏览器对于回车提交表单的处理方式存在差异,这需要开发者充分理解并适配这些差异,以确保应用在各种环境下都能正常工作。 在IE和Firefox浏览器中,要使回车键能够提交表单,需要满足两个条件: 1. `...

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

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

Global site tag (gtag.js) - Google Analytics