开发者社区> 黄威的世界> 正文

js 回车提交表单

简介:
+关注继续查看

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

onkeypress

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

 

Html代码  收藏代码
  1. <input type="text" name="email" placeholder="电子邮箱"  
  2.                                                           onkeypress="pressEnterTo(event,user.register,this)" required>  

 js pressEnterTo 方法实现如下

 

 

Js代码  收藏代码
  1. /*** 
  2.  enter to to something identified by responseEvent 
  3.  */  
  4. var pressEnterTo = function pressEnterTo(event, responseEvent, arguments2) {  
  5.     if (!event || event == undefined) {  
  6.         event = window.event || arguments.callee.caller.arguments[0];  
  7.     }  
  8. var eventTarget = event.srcElement ? event.srcElement : event.target;  
  9.     if (event.keyCode == 13 && responseEvent && typeof responseEvent === 'function') {//Enter  
  10. if(arguments2==undefined){  
  11.             arguments2=eventTarget;  
  12.         }  
  13.         responseEvent(arguments2);  
  14.     }  
  15. };  

 

 

2,pressEnterTo参数

第一个参数:事件对象

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

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

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

3,代码截图

 

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
js实现按回车自行提交
document.onkeydown = function (e) { var theEvent = window.event || e; var code = theEvent.
521 0
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
19579 0
**PHP分步表单提交思路(分页表单提交)
Q: 我用php做了3张表单 分布在3个页面 想在最后一页 再插入数据库 并且:在插入数据库之前 3个页面 后退 前进 表单的内容会被保留 以便随时更改能实现吗?想过session 感觉内容太多 给服务器的压力较大不过仍然感谢你。
967 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,阿里云优惠总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系.
24726 0
JS-制作留言提交系统(支持ctrl+回车)
弹出键值说明: //console.log(ev.keyCode)//回车:13//ctrl:17 1 DOCTYPE html> 2 3 4 5 留言提交系统 6 7 8 9 10 ...
738 0
AngularJS 提交表单的方式 【已翻译100%】(1/2)
在AngularJS出现之前,很多开发者就面对了表单提交这一问题。由于提交表单的方式繁杂而不同,很容易令人疯掉……然而现在看来,依然会让人疯掉。 今天,我们会看一下过去使用PHP方式提交的表单,现在如何将其转换为使用Angular提交。
1392 0
+关注
黄威的世界
我是一个热衷IT技术的人,希望自己不断地设计开发出对别人非常有用的软件。有近7年的java开发经验(包括2年Android开发经验)和一年左右的linux使用经验。擅长Java Web后台开发 ,喜欢研究新的各种实用技术
668
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
OceanBase 入门到实战教程
立即下载
阿里云图数据库GDB,加速开启“图智”未来.ppt
立即下载
实时数仓Hologres技术实战一本通2.0版(下)
立即下载