javascript - 删除焦点上的空文本

Question

我目前正在使用 ExtJS。我有一个文本字段，其中设置了一个空文本作为配置。 “emptyText:'请输入'”

当我点击它时，它不会消失。只有当我输入一些东西时，它才会消失。有什么办法可以做到这一点吗？

Answer 1

我不太喜欢这个解决方案，但我想出了这个( viewable here ):

Ext.application({
  name : 'Fiddle',

  launch : function() {
    Ext.create('Ext.form.Panel', {
      title: 'Contact Info',
      width: 300,
      bodyPadding: 10,
      renderTo: Ext.getBody(),
      items: [{
        xtype: 'textfield',
        name: 'name',
        fieldLabel: 'Name',
        allowBlank: false,  // requires a non-empty value,
        emptyText: 'blah',
        originalEmptyText: 'blah',
        listeners: {
          focus: function() {
            this.emptyText = ' ';  // if you set it to empty string, it doesn't work
            this.applyEmptyText();
          },
          blur: function() {
            this.emptyText = this.originalEmptyText;
            this.applyEmptyText();
          }
        }
      }]
    });
  }
});