javascript - event.target 在事件中未定义

Question

如何在事件中使用each输入值？希望我下面的代码能很好地解释你。

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

here a fiddle使用您的代码