JS实现键盘Enter键提交表单

最新推荐文章于 2020-12-03 07:51:49 发布
最新推荐文章于 2020-12-03 07:51:49 发布
阅读量344 收藏
点赞数
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/agileforce/article/details/88300863
版权

原创转载请注明出处：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 οnkeydοwn="enterDown(event);">

Note:

在Chrome、Firefox、IE下测试通过

 

 

Agile牧
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript实现回车键提交表单方法总结
01-19
本文实例总结了javascript实现回车键提交表单方法。分享给大家供大家参考。具体分析如下： 第一种方法：javascript实现 代码如下:<html> <head> <title> javascript 实现回车键提交表单</title> <meta http-equiv=”content-type” content=”text/html;charset=utf-8″ /> [removed]  [removed] = function(ev){   ev = ev || window.event;   if(ev.keyC
js实现Enter键提交表单（兼容各个浏览器）
mr_xiyue的博客
03-29 402
java前端用于实现Enter键登陆
js表单提交enter触发提交
总结前端开发中遇到的问题，分享前端知识
06-23 491
<div> <label for="username">用户名：</label><input type="text" id="username" value="123"> </div> <div> <label for="password">密 码：</label><input type="password" id="password" value="123"></div&g.
Javascript控制回车键进行表单（form）提交（转）
weixin_34008933的博客
09-13 153
一、采用钩子事件去捕获 键盘事件有3个： keydown，keypress，keyup分别是按下，按着没上抬，上抬键盘 。 $(document).keyup(function(event){ if(event.keyCode ==13){ $("#submit").trigger("click"); } }); 推荐：keyup，防止笔记本键盘不小心触摸到...
js_回车
ALL TECHNOLOGIES ARE CLOUDS
03-14 104
from: http://blog.163.com/liaojunbo@126/blog/static/13948929720108311043285/   一、整个页面用一个回车提交事件： &lt;input type="button" value="回车提交" id="auto" onclick="alert('你按了回车')"/&gt;&lt;script type="text/j
js实现键盘Enter键提交表单的方法
10-24
主要介绍了js实现键盘Enter键提交表单的方法,涉及javascript键盘事件的相关操作技巧,需要的朋友可以参考下
禁用Enter键表单自动提交实现代码
09-04
本文将详细介绍如何通过JavaScript代码来禁用Enter键触发的表单自动提交功能。 首先，我们需要了解事件处理程序在JavaScript中的工作原理。事件是用户与网页交互时发生的动作，如点击、滚动或键盘按键等。我们可以...
利用JS屏蔽页面中的Enter按键提交表单的方法
10-21
在网页开发中，有时我们需要避免用户通过按下键盘上的Enter键来触发表单的提交操作，因为这可能会导致未预期的结果或者影响用户体验。本篇将详细讲解如何利用JavaScript（JS）来实现这一功能。 首先，我们要了解...
js监听键盘提交表单
weixin_34194317的博客
01-17 264
<!DOCTYPE html> <html> <head> <title>登陆系统</title> <link href="/nmm/Public/User/css/user.css" rel="stylesheet"> <link href="/nmm/Public/css/bootstrap.min.c...
回车提交 键盘事件
koukou0419的博客
06-02 172
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compa...
谈谈Enter回车键提交表单那些事
热门推荐
u010871655的博客
04-27 1万+
我们在做系统前端的时候，往往会用到form标签，采用jquery插件做表单验证。我们信誓旦旦的一位把一切都做好的时候，并且检查一遍又一遍的时候，意向不到的事情发生了，也许是出于一种意外，而这种意外我们从来没有想到，我们不小心碰下了enter键，然后我们发现该走的js它没有走，跳到下一个页面，或者就直接404了。想都不用想，绝对是enter键直接把表单提交了.表单在什么情况下会e
enter keydown
weixin_34114823的博客
04-03 140
2019独角兽企业重金招聘Python工程师标准>>> ...
按enter键，触发keydown事件
爱，促进自我完善！
09-14 1324
//兼容IE和火狐的回车键; [code="java"]$(document).ready(function loginEnterCheck(){ $("html").die().live("keydown",function(event){ if(event.keyCode==13){ //调用登陆方法; ...
javascript监听键盘事件 - 如表单enter回车提交
草巾冒小子的博客
04-08 6083
javascript监听键盘点击时间，比如：enter回车表单提交、禁止F5刷新、禁用鼠标右键等等 本文仅简单做个介绍，权当抛砖引玉了；如果朋友们有更好的建议或者意见，欢迎留言评论。 代码如下： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;ti...
javascript实现esc关闭页面_见证小范逆袭之路——JavaScript（二）
weixin_39777875的博客
12-03 537
JavaScript中操作BOM对象重点总结BOM：浏览器对象模型(Browser Object Model)：BOM提供了独立于内容的、可以与浏览器窗口进行互动的对象结构BOM可实现功能：弹出新的浏览器窗口移动、关闭浏览器窗口以及调整窗口的大小页面的前进、后退window对象：常用属性属性名称说明history有关客户访问过的URL的信息location有关当前URL的信息语法：win...
开发移动端web应用, 使用手机自带键盘的搜索按钮
qq_35038331的博客
04-06 1217
很多时候在移动端的web页面中, 需要使用搜索功能, 然而页面中并没有太多的空间来放置一个像pc端上那样的搜索按钮, 这时候就需要借用手机输入法自带的搜索按钮来实现点击搜索 虽然不是什么大的功能, 但是确实很实用,  实现的效果有一下两点 1. 点击input元素, 弹出的键盘右下角显示为 "搜索" 二字 2. 点击搜索时, 可以出发页面中的js事件
jq如何阻止键盘回车刷新页面解决方法
逃跑的羔羊、
01-26 1607
一、表单处理   &lt;form onsubmit="return false;"&gt; &lt;input type="text" onkeydown="return ClearSubmit(event)" /&gt; &lt;/form&gt; 二、JS处理 &lt;script type="text/javascript"&gt;
JavaScript 兼容多浏览器的键盘Enter事件处理
此外，文档还提到其他可能感兴趣的JavaScript键盘事件处理相关文章，如js捕获enter按键、页面提交事件示例以及js enter键触发事件的实例代码，这些都提供了更多关于JavaScript键盘事件处理的实践和技巧。 通过理解...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值