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>