流星控制文本字段中的复制和粘贴答案

【问题标题】：Meteor controlling copying and pasting in a text field流星控制文本字段中的复制和粘贴
【发布时间】：2015-04-07 00:47:59
【问题描述】：

我试图阻止在我的 Meteor 应用程序模板内的用户名字段中复制和粘贴空格，但我总是收到如下所示的错误，有人可以告诉我我做错了什么/缺少什么吗？还有其他的吗如何控制粘贴在 Meteor 模板中的文本字段中的内容？谢谢

        Template.UserRegisteration.events({
            'input #username':function(e,t){     
                 this.value = this.value.replace(/\s/g,'');
            }   
        });

错误：

Uncaught TypeError: Cannot read property 'replace' of undefined

【问题讨论】：

标签： meteor meteor-blaze

【解决方案1】：

this是上下文是input id="username字段所在的数据上下文。

要获取字段的 DOM 元素，请使用 e.currentTarget 而不是 this。

【讨论】：

【解决方案2】：

正如 Akshat 提到的使用 e.currentTarget 来获取字段 DOM 元素而不是这个，回到您的问题代码示例，请尝试以下操作

    Template.UserRegisteration.events({
        'input #username':function(e,t){     
             var text = e.currentTarget.value;
             e.currentTarget.value = text.replace(/\s/g,'');
        }   
    });

【讨论】：

【解决方案3】：

以下示例说明了如何在 Meteor 事件中提取和设置 DOM 元素的值：

https://www.meteor.com/try/4

Template.body.events({
  "submit .new-task": function (event) {
    // This function is called when the new task form is submitted

    var text = event.target.text.value;

    Tasks.insert({
      text: text,
      createdAt: new Date() // current time
    });

    // Clear form
    event.target.text.value = "";

    // Prevent default form submit
    return false;
  }
});

在 Meteor 事件块中，“this”不是 DOM 元素，因此您不能在其上调用值。

【讨论】：

请在答案中提供相关代码。如果链接失效，您的回答将毫无用处。
我正在尝试跟踪 on input 事件，如我的问题所示，不幸的是使用 event.target.text.value 返回错误 Uncaught TypeError: Cannot read property 'value' of undefined