event.target在事件中未定义

Question

如何使用each输入值events？希望我的下面代码能很好地解释你.

HTML:

<template name="UpdateAge">
    {{#each Name}}
    <div data-action="showPrompt">
       <div>
          Some content
       </div>

       <div>
         <div>
            Some content
         </div>
       </div>
       <div>
           Name : {{name}}
           Age : <input type="text" name="age" value="{{age}}"/> //I need to access age values in event
       </div>
    </div>
{{/each}}
<template>

JS:

Template.UpdateAge.events({
  'click [data-action="showPrompt"]': function (event, template) {
        console.log(event.target.age.value); // TypeError: event.target.age.value is undefined
  }
});

我不知道我的方法是否适合传递参数值,events所以欢迎提出建议.

Answer 1

您使用的表示法仅对表单元素有效,并且event.target是表单元素时有效.

event.target.age.value

event.target是事件发生的元素,event.currentTarget是附加了事件处理程序的元素

如果更换div与form和替换target用currentTarget,然后它会工作

event.currentTarget.age.value

这里是一个使用你的代码的小提琴