`

JS实现键盘Enter键提交表单

 
阅读更多

原创转载请注明出处:http://agilestyle.iteye.com/blog/2381878

 

编写JS脚本

function enterDown(e){
	var keycode = 0;

	if(isFirefox()) {
		keycode = e.which;
	} else {
		keycode = e.keyCode;
	}

	if (keycode === 13 ) {  //回车键是13
		if(googleFlag) {
			loginWithGoogle();    // 需要google验证登录
		} else {
			loginWithoutGoogle();    // 不需要google验证登录
		}
	}
}

function isFirefox(){
	if (navigator.userAgent.indexOf("Firefox") > -1) {
		return true;
	} else {
		return false;
	}
}

 

在body标签中引入所写的脚本即可

<body onkeydown="enterDown(event);">

Note:

在Chrome、Firefox、IE下测试通过

 

 

分享到:
评论

相关推荐

    js实现键盘Enter键提交表单的方法

    总之,通过JavaScript实现键盘Enter键提交表单,不仅可以优化用户体验,减少用户操作步骤,还能够灵活地适应各种交互场景。开发者应该熟练掌握键盘事件的监听和处理,结合现代Web开发的最佳实践,确保实现的功能既...

    利用JS屏蔽页面中的Enter按键提交表单的方法

    在网页开发中,有时我们需要避免用户通过按下键盘上的Enter键来触发表单的提交操作,因为这可能会导致未预期的结果或者影响用户体验。本篇将详细讲解如何利用JavaScript(JS)来实现这一功能。 首先,我们要了解...

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

    在网页设计中,有时我们希望...总的来说,防止回车键提交表单主要是通过监听键盘事件并阻止回车键的默认行为,通过编写适当的JavaScript代码,你可以自定义表单在用户按下回车键时的行为,从而提供更友好的用户体验。

    利用Enter键实现表单组件焦点的移动.pdf

    本文主要讨论如何利用JavaScript来实现使用Enter键在表单组件中移动焦点。随着互联网的发展,各行各业都开始构建自己的网站系统,使得许多业务可以通过网络来完成。表单是我们在网页上经常使用到的一个组件。当一个...

    jQuery Ctrl+Enter提交表单

    本文将深入探讨如何使用jQuery实现一个功能,即通过按下键盘上的Ctrl + Enter键来提交表单,而不是常规的点击提交按钮。这个功能在很多场合下都非常实用,比如在论坛发帖或者聊天应用中,用户可以更加便捷地发送信息...

    Ctrl+Enter键按钮提交表单代码.zip

    总之,"Ctrl+Enter键按钮提交表单代码"是一个关于前端交互优化的实例,通过JavaScript或jQuery监听键盘事件,实现了用户按下Ctrl+Enter时自动提交表单的功能,提升了用户体验。在实际项目中,可以根据需求进行调整和...

    javascript键盘响应事件

    一、原生JavaScript键盘事件 1. `keydown`事件:当用户按下键盘上的一个键时触发。 2. `keyup`事件:当用户释放键盘上的一个键时触发。 3. `keypress`事件:对于可打印字符,此事件在`keydown`之后、`keyup`之前...

    JavaScript 操作键盘的Enter事件(键盘任何事件),兼容多浏览器.docx

    在 Web 开发中,JavaScript 操作键盘的 Enter 事件是一种常见的交互方式,例如,在登录页面中,按下 Enter 键 submitting 表单。在多浏览器环境下,实现这种交互方式需要特殊处理。本文将介绍如何使用 JavaScript ...

    r键按钮提交表单代码.rar_r键按钮提交表单代码

    为了实现Ctrl+Enter提交表单,我们需要在JavaScript中添加事件监听器,监听键盘事件。以下是一个简单的示例: ```html &lt;button type="submit" id="submitBtn"&gt;Submit document.getElementById('inputField')...

    jsp中如何实现按下回车键自动提交表单

    总结来说,通过JavaScript(或者使用库如jQuery)监听键盘事件,检查回车键的按键码,并在检测到回车键被按下时触发表单的提交,可以在JSP中实现按下回车键自动提交表单的功能。这样,用户无需手动点击提交按钮,只...

    jQuery事件之键盘事件(ctrl+Enter回车键提交表单等)

    在本文中,我们将深入探讨jQuery中的键盘事件,特别是如何利用它们来实现特定的功能,如利用Ctrl+Enter组合键提交表单。 首先,键盘事件在JavaScript和jQuery中扮演着重要的角色,它们允许开发者响应用户的键盘输入...

    js触发ctrl+enter键

    在JavaScript编程中,有时我们需要模拟用户按下特定键盘组合,例如`Ctrl + Enter`,以便在网页上实现某些功能,如提交表单或执行快捷操作。`Ctrl + Enter`是一个常见的快捷键组合,常用于快速执行某项任务,尤其是在...

    js 软键盘 数字 键盘

    JavaScript(简称JS)是一种轻量级的解释型编程语言,常用于网页和网络应用开发。在移动设备或网页中,由于安全原因,通常不允许直接访问硬件键盘,因此开发者需要为输入框提供虚拟键盘,以便用户在触摸屏上进行输入...

    enter键控制input光标移动到下一个框

    在网页设计中,用户与页面交互的一个常见行为是使用键盘进行导航,特别是使用"Enter"键来提交表单或在多个输入框之间切换。本文将深入探讨如何利用HTML和jQuery实现"Enter"键控制input光标移动的功能,使得用户在按...

    禁用Enter键表单自动提交实现代码

    本文将详细介绍如何通过JavaScript代码来禁用Enter键触发的表单自动提交功能。 首先,我们需要了解事件处理程序在JavaScript中的工作原理。事件是用户与网页交互时发生的动作,如点击、滚动或键盘按键等。我们可以...

    javascript网页键盘交互式代码

    以上内容只是JavaScript键盘交互的基础。实际上,你可以通过更多的技术,如防抖(debounce)或节流(throttle)来优化性能,或者利用CSS和HTML5 API来增强用户体验。总之,JavaScript提供了强大的能力,使网页能够响应...

    JS网页键盘交互式代码.zip

    这个"JS网页键盘交互式代码.zip"压缩包很可能包含了一组实现这种交互功能的示例代码。现在,我们将深入探讨JS网页键盘交互式编程的核心概念、实现方法以及其在实际应用中的价值。 首先,我们需要了解JavaScript如何...

    js中键盘对应的key值

    例如,你可以监听Enter键(keycode 13)来处理表单提交,或者使用Page Up和Page Down键(keycodes 33 和 34)来实现页面内容的快速导航功能。同样地,可以通过检测特定功能键的键码来提供快捷键功能,从而提高用户...

Global site tag (gtag.js) - Google Analytics