时间戳

首页 > 解决方案 > 按 Enter 时触发 HTML 按钮

javascript - 按 Enter 时触发 HTML 按钮

问题描述

我正在尝试使用 Tampermonkey 在特定页面上“触发”按钮键。而不是每次都使用鼠标单击来单击称为“继续”的按钮。

所以当我点击键盘按钮“ENTER”时，这个悬停按钮应该会自动点击，有任何可以使用的代码，而我可以放这个 HTML 代码。谢谢。

<button id="simplicityPayment-START" type="submit" autocomplete="off" class="nf-btn nf-btn-primary nf-btn-solid nf-btn-oversize" data-uia="action-submit-payment">START MEMBERSHIP</button>

标签： javascriptjqueryhtmlbuttontampermonkey

解决方案

使用 jQuery

您可以使用简单的 jQuery 来实现它。
只需在您的主 HTML 页面中添加下面给出的 cdn

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>

只需打开一个脚本标签并复制粘贴此代码。

$(document).keypress(function(event){

var keycode = (event.keyCode ? event.keyCode : event.which);
if(keycode == '13'){
    $("#simplicityPayment-START").click();
}});


使用纯 JAVASCRIPT（无外部库）

编辑1：因为不拥有该网站并使用tampermonkey。好的，所以还有另一种方法可以实现这一点，那就是纯 JAVASCRIPT。它不需要 CDN。只需添加此 JAVASCRIPT。

window.addEventListener('keyup', function (e) {
  if (e.keyCode === 13) {
     var button = document.getElementById("simplicityPayment-START");
     button.click();
  }
}, false);

推荐阅读