javascript - 覆盖 prototype.js 方法

Question

我试图覆盖 PrototypeJS 中的 Form.Element.disable() 方法，以便它向禁用的表单元素添加自定义类。

我添加了:

Form.Element.disable = function(element) {
element = $(element);
element.blur();
element.disabled = true;
element.addClassName("disabled");
return element;}

在加载 prototype.js 后到页面 - 如果直接调用它就可以工作，例如

Form.Element.disable("myInputBox");

但如果我调用，则使用原始的 PrototypeJS 方法

$("myInputBox").disable();

我知道这与我在其中定义它的“范围”有关 - 我正在有效地创建 disable() 方法的新实例，但我不知道如何移动范围以便它替换原来的 PrototypeJS 版本。

我哪里错了？

Answer 1

Form.Element.addMethods({
    disable: function(element) {
        // stuff here
    }
});

如果它不起作用:http://api.prototypejs.org/dom/Element/addMethods/

Element.addMethods(["input", "textarea", "select"], {
    disable: function(element) {
        // stuff here
    }
});