Javascript更好地实践事件侦听器或函数

Question

我有两种首选的操作方法之间的两难选择：

1. 当主体使用jquery加载时，附加一个事件侦听器：

    $(function(){ .... 

   这将赶上表单事件。

2. 将onblur / onkeyup添加到HTML代码中并创建JS函数定义。

有什么更好的做法？

Answer 1

这取决于您的特定要求，但总的来说，我会说事件监听器是更好的做法，因为这会将HTML与JavaScript逻辑分开。

因此，如果添加新的HTML元素，它将自动使用事件侦听器，而不必每次都显式设置事件调用。

Answer 2

第一种方法是我要走的路。

这使您可以分开了解HTML或HTML生成中的JavaScript函数名称。

话虽如此，您应该使与HTML动作的绑定动作尽可能宽松。 本质上，您正在扭转需要知道要绑定到HTML元素的某些属性的依赖。

您可能需要定义操作方法并将事件分别绑定到它们。