使用 Tampermonkey 编辑按钮的行为

Question

我正在尝试将

accesskey="k"

添加到按钮，以便在按 Alt+K 时按下它。

我在互联网上搜索了如何使用 Tampermonkey 编辑按钮的行为，但我所能找到的只是有关如何创建新按钮的信息。你能帮我吗？

<button class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium main-btns css-1hw9j7s" accesskey="k" tabindex="0" type="button" id="spectate" style="background-color: rgb(244, 67, 54); color: rgb(255, 255, 255); border: 2px solid rgb(244, 67, 54); padding: 10px 20px; font-size: 16px; cursor: pointer; width: 150px; height: 200px;">
  <i class="fas fa-eye"></i>
  Spectate
  <span class="MuiTouchRipple-root css-w0pj6f"></span>
</button>

Answer 1

要执行您需要的操作，请从 DOM 中选择

#spectate

元素并根据需要设置其

accessKey

属性。请注意，您需要在 DOM 加载后之后执行此操作，因此在以下示例中使用 DOMContentLoaded

 事件处理程序：

document.addEventListener('DOMContentLoaded', () => {
  document.querySelector('#spectate').accesskey = 'r';
});

<button class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium main-btns css-1hw9j7s" accesskey="k" tabindex="0" type="button" id="spectate" style="background-color: rgb(244, 67, 54); color: rgb(255, 255, 255); border: 2px solid rgb(244, 67, 54); padding: 10px 20px; font-size: 16px; cursor: pointer; width: 150px; height: 200px;">
  <i class="fas fa-eye"></i>
  Spectate
  <span class="MuiTouchRipple-root css-w0pj6f"></span>
</button>

另请注意，您的示例 HTML 中已经包含

accesskey="k"

 属性 - 我将假设这是问题中的错误。