按下Enter鍵時觸發HTML按鈕

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();
});