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>

 

 

 

posted @ 2019-01-10 12:49  给自己一个梦  阅读(10463)  评论(0编辑  收藏  举报