Question

我正在尝试使用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>

Answer 1

使用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。好的，还有另一种方法可以实现，那就是Pure JAVASCRIPT。它不需要CDN。只需添加此JAVASCRIPT。

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

Answer 2

您可以将autofocus属性添加到按钮，但是我不确定这是否可以与tampermonkey一起使用。因为我认为页面加载时必须在html中。

您还可以使用此：

 document.querySelector('[type="submit"]').focus();

它将把焦点放在按钮上，您将能够提交带有空格的表格或输入。但是，如果您在按钮之外单击，将无法按Enter提交表单。如果您需要执行某些操作，则可以在用户执行某项操作后添加此焦点。您还可以在单击文档时添加焦点。

var button = document.querySelector('[type="submit"]');
window.addEventListener('click', function() {
   button.focus();
});

按下Enter键时触发HTML按钮

2 个答案:

使用JQUERY

使用纯Javascript（无外部库）