按下enter触发事件

最新推荐文章于 2023-10-11 09:10:34 发布

weixin_30299709

最新推荐文章于 2023-10-11 09:10:34 发布

阅读量998

点赞数

文章标签： matlab 前端 c/c++ ViewUI

原文链接：http://www.cnblogs.com/zimengxiyu/p/10782398.html

版权

原理：按下enter的事件属于键盘事件，我们可以先用下面函数来获取enter的键码（键盘上的按键都有各自的键码），通过这个键码可以来判断按下的是哪个键

document.addEventListener("keyup",function(e){
                console.log(e.keyCode)
})

通过上面函数我们知道enter的键码是 13，那么最后只需要判断一下，键盘按下时键码是13时就执行我们需要的内容，就可以实现我们要的效果了。

这个效果通常用于按下enter执行搜索等操作。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <input placeholder="输入一些文本" type="text">
        <script>
            var inputText=document.querySelector("input");
            inputText.addEventListener("keyup",function(e){
                if(e.keyCode==13){
                    alert(1)//要执行的内容
                }
            })
        </script>
    </body>
</html>

转载于:https://www.cnblogs.com/zimengxiyu/p/10782398.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30299709

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
按下enter触发事件

原理：按下enter的事件属于键盘事件，我们可以先用下面函数来获取enter的键码（键盘上的按键都有各自的键码），通过这个键码可以来判断按下的是哪个键document.addEventListener("keyup",function(e){ console.log(e.keyCode)})通过上面函数我们知道enter的键码是 13，那么最...
复制链接

扫一扫