javascript - 用户做了某事但停留在同一页面

Question

用户正在单击 ID 为 continueButton 的按钮。如果他们在单击按钮后停留在同一页面上，那么我会触发 UK-AwesomeEvent。

到目前为止我的努力

Bootstrapper.on('click', '#continueButton', function() {
  setTimeout(function() {
    //if nothing happens then trigger this event
    if (document.title === 'Current address' && doNotGetRedirectedToAnotherPageWhenButtonIsClicked) {
      Bootstrapper.ensEvent.trigger("UK-AwesomeEvent");
    }
  }, 250);
});

期望的结果

代替 doNotGetRedirectedToAnotherPageWhenButtonIsClicked 我想要一个基本上声明用户不会被重定向到另一个页面的方法。我在网上找不到任何东西。

Answer 1

一般情况下，可以调用事件对象的preventDefault()方法……

Bootstrapper.on('click', '#continueButton', function(event) {
    event.preventDefault()

防止默认行为是什么(在这种情况下，该行为听起来像是“提交按钮正在触发提交表单”)。

但是，因为您已经使用了setTimeout，所以为时已晚。事件处理函数已经完成，表单提交开始。

最接近的做法是始终阻止默认行为，然后在您以后改变主意时重新开始提交表单:

Bootstrapper.on('click', '#continueButton', function(event) {
  event.preventDefault()
  setTimeout(function() {
    if (document.title === 'Current address') {
      Bootstrapper.ensEvent.trigger("UK-AwesomeEvent");
    } else {
        event.target.form.submit();
    }
  }, 250);
});

(请注意，这里有大量有根据的推测，因为您没有提供完整的、简化的测试用例)