JS實現按下按鍵觸發點擊事件


 
         
<!DOCTYPE html>
<html>
 <head> 
    <meta charset="utf-8">
    <title>JS實現按下按鍵觸發點擊事件</title>
</head>
 <body>
      <h3>按下 Enter 觸發按鈕點擊事件</h3>
      <p>選中輸入框,然后按下"Enter" 就會觸發按鈕的點擊事件。</p>
      <div>
         <input placeholder="輸入一些文本" type="text">
         <button type="button" onclick="javascript:alert('點擊了我或者按下了enter,對不對')">點擊我

或者按下enter鍵</button>
      </div>
      <script>
           
             var input=document.getElementsByTagName("input");
             //給input注冊按鈕事件,用addEventListenner(注意兼容問題)
             input.addEventListener("keyup",function(event) {
            //要阻止默認事件
            event.preventDefault();
            //我要的是enter件,也就是enter事件,所以要判斷是哪個事件
           if(event.keyCode===13){
                 document.getElementsByTagName("button").click();
     }

     })
    
      
     </script>
    
<body>
</html>
 
         

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM