如何在单击/输入时实现这种特定类别的按钮重定向,同时保留原始功能?

问题描述 投票:0回答:2
javascript html forms squarespace
2个回答
0
投票

click
keydown
事件监听器来拯救你。

const btn = document.querySelector('.yWSHVqDY3QXtLSenwRoA')
btn.addEventListener('click', () => location.href = 'https://google.com')
btn.addEventListener('keydown', (e) => {
  if (e.key == 'Enter') {
    location.href = 'https://google.com'
  }
})
<button class="yWSHVqDY3QXtLSenwRoA" data-test="create-account-create-button" type="submit"><span>Create account</span></button>


0
投票

在表单中,您可以使用操作属性来指定表单提交到的位置。

<form action="/create_account" method="get">
  <button class="yWSHVqDY3QXtLSenwRoA"
    data-test="create-account-create-button" type="submit">
    <span>Create account</span>
  </button>
</form>

如果同一表单中有更多按钮,您可以使用按钮上的 formaction 属性来覆盖默认值:

<form action="/login" method="get">
  <button class="yWSHVqDY3QXtLSenwRoA" formaction="/create_account"
  data-test="create-account-create-button" type="submit">
    <span>Create account</span>
  </button>
  <button type="submit">Login</button>
</form>

© www.soinside.com 2019 - 2024. All rights reserved.