mootools - Mootools - 为所有输入文本元素分配一个功能以清空/撤消内容

Question

假设我在一个页面上有很多输入 type="text" 。

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

我想将这种功能自动分配给页面中的所有输入（在准备好文档时）。

谢谢！！！

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 );
        }
    });

});