javascript中的oop将dom元素绑定到对象答案

【问题标题】：oop in javascript binding dom elements to objectsjavascript中的oop将dom元素绑定到对象
【发布时间】：2013-05-15 05:09:30
【问题描述】：

您好，我真的可以在这个问题上指出正确的方向。

我正在尝试了解面向对象的 javascript，但在将 dom 元素绑定到对象时遇到了麻烦。

我想为我的网页制作一个动画小部件类型的东西。该小部件将只是简单的下拉选项卡，（如实际文件夹中的选项卡）我希望选项卡通过鼠标悬停事件下拉一点，然后通过鼠标悬停抬起。

这是我目前的实现，目前它不能很好地工作，它只是一个模型 http://bombinglish.com/

我想为标签创建一个类，其中将包括打开和关闭动画方法、添加事件的方法以及其他必要的字段。然后为每个选项卡实例化一个新对象。但是我如何告诉每个对象它必须响应相应的鼠标事件，或者换句话说，如何将 DOM 元素绑定到对象？

【问题讨论】：

始终包含所有相关代码在问题本身中，不要只是链接。为什么：meta.stackexchange.com/questions/118392/…
如果我有任何相关代码要包含，我会放它，因为我放的链接使用普通的旧 js，它与我的问题并不真正相关，只是给出了我想要使用的想法一个糟糕的方法。我只是希望有人能指出我正确的方向，或者告诉我应该寻找什么样的信息。

【解决方案1】：

如果您只是将 Javascript 用于表示逻辑，那么我认为尝试使用 OO 是不值得的。

如果你在每一页的顶部都有这个，你可以简单地用一个唯一的类名来标记标签。然后在您的 Javascript 文件中，使用该类名在每个 DOM 元素上绑定一个鼠标悬停事件。

也许，其他人对此有不同的看法。

【讨论】：

感谢您的回复，我可以在没有 oop 的情况下使其工作，但我认为将我分解为 oop 和 javascript 是一件不错的小事。再加上稍后我将添加更多选项卡并认为如果我每次想要一个新选项卡时都可以创建一个新对象会更容易
委托给父元素是一种常用的替代方法，可以将侦听器放在每个具有类的元素上，尤其是在存在要使用的容器元素的情况下。