javascript - 我无法创建基于实际 HTML 元素的类

Question

我正在尝试使用 prototype.js 和 script.aculo.us 创建一个简单的图库。为了处理左右箭头，我编写了这段代码，但它不起作用

Gallery.Arrow = Class.create(document.createElement('a'), {
  initialize: function(listener) {
    this.on('click', listener);
    this.addClassName('xjsl-arrow');
  }
});

this.on 未定义。我在 initialize 中尝试了 Class.create($(document.createElement('a')), ...，甚至 Element.extend(this) 功能，但没有任何效果。

如果我尝试了 Event.Handler(this, 'click', listener)，但错误来自 prototype.js 库中的 element.attachEvent。 p>

是否可以基于 HTML 元素创建类？

Answer 1

尝试像这样基于 Element.Methods 命名空间构建类

Gallery.Arrow = Class.create(Element.Methods, {
    initialize: function(element,listener) {
        this.on(element,'click', listener);
        this.addClassName(element,'xjsl-arrow');
    }
});

jsfiddle 示例 http://jsfiddle.net/rPLa8/