您可以在同一个 onBlur 事件上创建多个函数吗？

Question

我正在进行一个很好的默认值检查，客户希望向 onBlur 事件添加附加功能。默认值检查是全局的并且工作正常。新功能需要将一些特定于字段的值传递给新函数。如果不是这样，我只需将其添加到默认检查中即可完成。

我的问题是我可以做这种事情并让它们都着火吗？什么是更好的方法？

默认检查

$(document.body).getElements('input[type=text],textarea,tel,email').addEvents ({
    'focus' : function(){
        if (this.get('value') == this.defaultValue)
        {
            this.set('value', '');
        }
    },
    'blur' : function(){
        if (this.get('value') == '')
        {
            this.set('value', (this.defaultValue));
        }
    }
});

添加的功能

想法是照常处理默认值，但在输入字段值时触发新函数。在我看来，必须先开火，但怎么开火呢？

同样，因为值传递了特定于字段的值，所以我不能将其转储到全局default-check函数中。

我希望这是有道理的。

Answer 1

只需将自定义变量存储在自定义数据属性中即可。技术上不符合 HTML 4 标准，但它可以工作：

<input type='text' id='field_01' value='default data' data-customvar="variableForThisField">

$(document.body).getElements('input[type=text],textarea,tel,email').addEvents ({
    'focus' : function(){
        if (this.get('value') == this.defaultValue)
        {
            this.set('value', '');
        }
    },
    'blur' : function(){
        if (this.get('value') == '')
        {
            this.set('value', (this.defaultValue));
        } else {
            driveData(this.get('value'), this.get('data-customvar'));
        }
    }
});

fiddle: http://jsfiddle.net/QkcxP /6/

Answer 2

我想你正在使用Mootools？我不太认识语法，但我创建了一个 JSFiddle，它似乎可以与 Mootools 一起使用，而不是其他库。

这是我创建来测试它的小提琴： http://jsfiddle.net/NDTsz/

答案似乎是是 - 当然是在 Chrome 中，但我相信每个浏览器。