javascript - jQuery 中的事件绑定(bind)

Question

以下有什么区别吗:(是否有任何理由避免示例一？)

一:

$("#stuff").on("resize", function() { doThis(); });
$("#stuff").on("resize", function() { doThat(); });

两个:

$("#stuff").on("resize", function() { 
  doThis(); 
  doThat();
});

Answer 1

直截了本地说，没有真正的区别。

在实际代码中，

• 您可能需要在代码的不同位置附加这两个处理程序，在这种情况下，您必须使用版本一(或类似版本)。
• 您可能希望能够有选择地分离处理程序，在这种情况下，事件可以命名空间如下:

附加处理程序:

$("#stuff").on("resize.A", function() { doThis(); });
...
$("#stuff").on("resize.B", function() { doThat(); });

分离一个处理程序:

$("#stuff").off("resize.A");

resize.B 的处理程序保持附加状态(即 doThis() 不会被调用，但 doThat() 会被调用) .