javascript - 了解 jQuery 中的处理程序

Question

在我的代码中我有这个:

<script type="text/javascript">
    $(document).ready(function (e) {
        $('#EventCreate').click(function (e) {
            location.href = '@Url.Action("Create", "AEvents")';
        });
    });
</script>

<button id="EventCreate" type="button" class="btn btn-info" style="float:right;">Create New Event</button>

现在这很完美，但我的任务是了解它为什么会起作用的所有方面。

我读了一些书here但它还没有落在我的脑海里。此外，在引用中，提供的所有示例都没有处理程序。

我也尝试调试以查看 e 有/是什么，但运气为 0。

我的问题是为什么要有e？我知道 e 是一个事件处理程序，但这会起作用吗:

<script type="text/javascript">
    $(document).ready(function (/* no event handler */) {
        $('#EventCreate').click(function (/* no event handler */) {
            location.href = '@Url.Action("Create", "AEvents")';
        });
    });
</script>

任何帮助/解释将不胜感激。

Answer 1

e/event/evt 在那个上下文中实际上是一个 Event Object ，不是事件处理程序。它是传递给事件处理程序/监听器回调函数的参数。

这表示该事件发生时的状态，并为实际事件提供有值(value)的上下文。只有当您需要事件本身的上下文数据时才需要包含。否则它可以被省略，就像您可以在 JavaScript 中处理大多数不需要的参数一样。

例如，采用一个简单的输入处理程序:

document
  .getElementById('example')
  .addEventListener('change', onChange, false);

function onChange(e) {
  console.log(e.target.value); // value of input
}

<label>Example input</label>
<input type="text" id="example" placeholder="Example."/>

当您将监听器绑定(bind)到 change 事件时，您可以访问作为事件对象的 e 参数。使用该对象，您可以在更改后读取输入的当前值。