按下enter触发事件

原理：按下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>

 

 



posted @ 2019-04-28 10:16  雪旭  阅读(7029)  评论(0)  编辑  收藏  举报