HTML中屏蔽Enter键

最新推荐文章于 2024-05-22 16:04:43 发布

dadeity

最新推荐文章于 2024-05-22 16:04:43 发布

阅读量1.9k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： JavaScript Web HTML/CSS 文章标签： HTML中屏蔽Enter键

本文链接：https://blog.youkuaiyun.com/github_38336924/article/details/89314550

JavaScript 同时被 3 个专栏收录

21 篇文章

订阅专栏

Web

10 篇文章

订阅专栏

HTML/CSS

2 篇文章

订阅专栏

本文介绍如何使用HTML和JavaScript阻止文本输入框在按下回车键时自动换行，通过设置onkeydown事件监听器并重写事件处理函数，实现对回车键事件的拦截。

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

HTML

直接在HTML中加入脚本

<input onkeydown="if(event.keyCode==13){event.keyCode=0;event.returnValue=false;}">

JavaScript

在JavaScript中建立函数

<body>
<input type="text" onkeydown="kDown()">
</body>
</html>
<script>
    function kDown() {
        if (event.keyCode == 13) {  //判断是否为回车键，Event是window对象的一个属性，是全局的。
            event.keyCode = 0;      //屏蔽回车键
            event.returnValue = false;
            alert("Hello world!");
        }
    }
</script>