如何将 preventDefault 调用传递给其他事件？

Question

当事件发生时，其他一些事件会被它的名字触发。在某些情况下，第二个处理程序可以调用 preventDefault。如何将此调用传递给原始事件？

$("button").click(function (event) {
  $("body").trigger("some-custom-event");

  // If the custom event was prevented, prevent original one too
  if (true) { // How to check?
    event.preventDefault();
  }
})

$("body").on("some-custom-event", function (event) {
  if (Math.random() > .5) {
    console.log("prevent");
    event.preventDefault();
  } else {
    console.log("allow");
  }
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button>Test</button>

PS: Same question in Russian.

Answer 1

您可以将参数数组传递给 trigger()，这些参数将传递给 on() 中设置的事件处理程序。以下是您的操作方法：

$("button").click(function (event) {
    function cb(prevent) {
        // If the custom event was prevented, prevent original one too
        if (prevent) {
            event.preventDefault();
        }
    }
    $("body").trigger("some-custom-event", [cb]);
})

$("body").on("some-custom-event", function (event, cb) {
  if (Math.random() > .5) {
    console.log("prevent");
    event.preventDefault();
    cb(true);
  } else {
    console.log("allow");
  }
})

您可以了解更多关于 trigger() here 的信息。

更新：

如果您不想编辑处理程序，这是要走的路：

$("button").click(function (event) {
    var event = jQuery.Event('some-custom-event');
    $("body").trigger(event);

    if (event.isDefaultPrevented()) {
        event.preventDefault();
        console.log("Prevented");
    } else {
        console.log("Allowed");
    }
})

$("body").on("some-custom-event", function (event) {
    if (Math.random() > .5) {
        console.log("prevent");
        event.preventDefault();
    } else {
        console.log("allow");
    }
})

event.isDefaultPrevented() Returns 是否曾在此事件对象上调用过 event.preventDefault()。

如何将 preventDefault 调用传递给其他事件？

How to pass preventDefault call to other event?

javascript

jquery

jquery-events