Mootools - 为所有输入文本元素指定一个函数以清空/撤消内容

Question

假设我在页面上有很多输入类型=“文本”。

每当我点击它时，我想删除输入的内容。如果我要更改内容，它将保存它。如果没有，它将恢复原始值。

我想自动将这种功能（在准备就绪文件上）分配给页面中的所有输入。

感谢!!!

Answer 1

简单的解决方案，使用事件委托，其中父元素（document.body）监视子事件（类型文本的所有输入）的事件：

• 焦点（当用户关注元素时触发）
• 模糊（当元素失去焦点时发生事件）

---

window.addEvent('domready', function() {

    document.body.addEvents({
        'focus:relay(input[type=text])': function(event, target) {
            this.original = this.get( 'value' );
            this.set( 'value', '' );
        },
        'blur:relay(input[type=text])': function(event, target) {
            if ( !this.get( 'value' ) ) this.set( 'value', this.original );
        }
    });

});