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