javascript - javascript中的oop将dom元素绑定(bind)到对象

Question

嗨，我确实可以通过这个问题找到一个正确的方向。

我正在尝试理解面向对象的 javascript，但我无法理解将 dom 元素绑定(bind)到对象。

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

这是我当前的实现，目前效果不佳，它只是一个模型 http://bombinglish.com/

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

Answer 1

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

如果每个页面的顶部都有它，您可以简单地使用唯一的类名称来标记选项卡。然后在 Javascript 文件中，在具有该类名称的每个 DOM 元素上绑定(bind)鼠标悬停事件。

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