按下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>

 

 




免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM