Events 流星教程:查看事件的所有属性

Events 流星教程:查看事件的所有属性,events,meteor,properties,Events,Meteor,Properties,我正在关注有关的官方教程。我们正在将事件附加到模板(步骤4) HTML 我得到建议添加一个console.log(event)来检查事件的所有属性。当我在Chrome控制台中添加console.log(event)时,我可以看到jQuery事件的树,其中包含很多属性,但我似乎无法定义存储在文本变量中的属性 我还尝试了console.log(event.target)和console.log(event.target.text),但它们都没有为我提供属性树,而console.log(event.t

我正在关注有关的官方教程。我们正在将事件附加到模板(步骤4)

HTML

我得到建议添加一个console.log(event)来检查事件的所有属性。当我在Chrome控制台中添加console.log(event)时,我可以看到jQuery事件的树,其中包含很多属性,但我似乎无法定义存储在文本变量中的属性

我还尝试了console.log(event.target)和console.log(event.target.text),但它们都没有为我提供属性树,而console.log(event.target.text.value)只是将预期值记录到控制台


要查找event.target.text.value的路径,我必须执行哪个console.log(?)操作?或者在Chrome控制台中看不到这一点?

必须注意从jQuery API到DOM API的转换。输入的值不是事件的属性,但属于DOM元素,可以通过DOM API访问

在本教程中,
event.target
是我们在HTML中定义的表单
event.target.text
访问Meteor权限之外的
元素,该元素为a

从那以后,您可以使用所有的,包括

尝试在获取
event.target.text.value
的行上设置断点,并在控制台中键入
event.target.text
以查看可用属性

<form class="new-task">
 <input type="text" name="text" placeholder="Type to add new tasks" />
</form>
Template.body.events({
  "submit .new-task": function (event) {
    var text = event.target.text.value;