JavaScript监听和禁用浏览器回车事件实例
作者：junjie 时间：2023-10-12 01:58:16
js监听浏览器回车事件，可以支持ie6+，火狐，谷歌等浏览器。
<html>
<head>
<script type="text/javascript">
//注册键盘事件
document.onkeydown = function(e) {
//捕捉回车事件
var ev = (typeof event!= 'undefined') ? window.event : e;
if(ev.keyCode == 13) {
alert('捕捉到了回车事件！');
}
}
</script>
</head>
<body />
</html>
那么，如何捕捉指定DOM对象的回车事件？这里以input标签为例说明：
<html>
<head>
<script type="text/javascript">
//注册键盘事件
document.onkeydown = function(e) {
//捕捉回车事件
var ev = (typeof event!= 'undefined') ? window.event : e;
if(ev.keyCode == 13 && document.activeElement.id == "msg") {
alert("获取到内容：" + document.activeElement.value);
}
}
</script>
</head>
<body>
<input type="text" id="msg" value="" />
</body>
</html>
那么，js如何禁用浏览器回车事件？我们知道，在HTML表单区域内，按回车时浏览器的默认行为是自动提交表单。下面以这个为例说明js如何去禁用浏览器回车事件：
<html>
<head>
<script type="text/javascript">
//注册键盘事件
document.onkeydown = function(e) {
//捕捉回车事件
var ev = (typeof event!= 'undefined') ? window.event : e;
if(ev.keyCode == 13 && document.activeElement.id == "msg") {
return false;//禁用回车事件
}
}
</script>
</head>
<body>
<form action="form.php">
<input type="text" id="msg" name="msg" value="" />
<input type="submit" value="submit"/>
</form>
</body>
</html>
标签：JavaScript,监听,禁用,回车事件
0
投稿猜你喜欢
CSS框架的相关汇总（CSS Frameworks）
2008-04-02 12:00:00
网站大改版=壮烈的死亡 ？
2009-04-03 14:09:00
SQL Server主键与外键设置以及相关理解
2024-01-21 10:45:05
Python爬虫Scrapy框架IP代理的配置与调试
2022-09-19 08:20:26
Python编程使用Selenium模拟淘宝登录实现过程
2023-08-29 00:56:53
基于PyQT5制作英雄联盟全皮肤下载器
2023-07-03 15:54:08
资料：MsSQL常用SQL语句
2009-02-23 12:54:00
expdp 中ORA-39002、ORA-39070错误详解及解决办法
2024-01-19 16:37:47
Python3内置模块pprint让打印比print更美观详解
2022-02-04 01:55:28
跟老齐学Python之让人欢喜让人忧的迭代
2022-10-02 14:33:23
python脚本开机自启的实现方法
2023-10-04 17:07:15
uniapp实现支付功能
2023-08-21 13:53:47
Python制作脚本帮女朋友抢购清空购物车
2021-08-30 04:40:01
DreamWeaver经典技巧四则
2007-12-03 11:34:00
python turtle库画圣诞树详细代码教程
2022-09-20 10:29:33
基于golang的简单分布式延时队列服务的实现
2024-05-08 10:44:03
MySQL数据库备份与恢复方法
2024-01-18 08:54:10
本地存储localStorage用法详解
2024-04-30 10:09:11
Mysql limit 优化，百万至千万级快速分页 复合索引的引用并应用于轻量级框架
2024-01-29 03:11:36
python批量从es取数据的方法(文档数超过10000)
2022-03-23 01:21:48