javascript - jQuery 的事件处理程序工作得很好，但不应该，因为它不在 read() 函数中

Question

我犯了一个错误，将所有带有 cancelAction 类的链接的事件处理程序放在文档加载时执行的函数之外，如下所示:

$(document).ready(function () { ... });

$(".cancelAction").on("click", function () { ... });

令我惊讶的是，它仍然有效!我很确定这是不应该的。我错了吗？

我已经三重检查，注释掉处理程序会使该功能无效。我一生都无法理解浏览器如何知道要考虑这个特定的处理程序，如果它没有附加到任何范围(因为它没有在 ready(...) 内执行) > 功能。

Answer 1

如果你在加载文档元素后有这段代码，那么它应该是在加载 dom 元素后执行的代码。像:

....
</body>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(".cancelAction").on("click", function () { ... });
</script>

此代码可以正常工作，因为在代码执行时会加载所有元素。