javascript禁用html表单enter提交

本文介绍了一种在前端开发中禁用Enter键提交表单的方法,通过使用JavaScript控制HTML,使得用户在输入操作时可以使用Tab键而非Enter键进行跳转。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

本次小记,问题分析:

很多时候我们开发的前端页面要考虑到用户在进行输入操作的时候回车只是为了跳到下一个输入项,而不是保存提交注册,为此需要禁用enter,从而就可以使用tab来行使enter的功能。所以就的使用js来控制html。

js代码如下:

//禁用enter提交表单
function NoReturn(){
	alert("调用成功!");
	document.onkeydown = function(event) {
		var target, code, tag;
		if (!event) {
			event = window.event; //针对ie浏览器
			target = event.srcElement;
			code = event.keyCode;
			if (code == 13) {
				tag = target.tagName;
				if (tag == "TEXTAREA") { return true; }
				else { return false; }
			}
		}
		else {
			target = event.target; //针对遵循w3c标准的浏览器,如Firefox
			code = event.keyCode;
			if (code == 13) {
				tag = target.tagName;
				if (tag == "INPUT") { return false; }
				else { return true; }
			}
		}
	};
}
NoReturn();

up-626cbe91fe191e106bbe644453aa98a67f4.png

/* -------------------反爬虫声明o(*////▽////*)咻咻咻--------------------

作者: 杨木发
版权声明:
本文为博主倾情原创文章,整篇转载请附上源文链接!

如果觉得本文对你有所收获,你的请评论点赞 与

合理优质的转发也将是鼓励支持我继续创作的动力,

更多精彩可百度搜索 杨木发 或:

个人网站: www.yangmufa.com

天驱网: www.tianqv.net

开源中国: https://my.oschina.net/yangmufa

Gitee: https://gitee.com/yangmufa

GitHub: https://github.com/yangmufa

坚持创作 善于总结 开源共享 高质进步。

-------------------反爬虫声明o(*////▽////*)咻咻咻-------------------- */

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

编程练习生2

你的鼓励将是我创作的最大动力o

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值