Question

此代码尝试提取存储在html输入元素的属性{{this.result}}的{{1}}中的值
value

<input type="radio" value={{this.result}}>

Template.options.events({
  'click .twin-item': (event) => {
    let elem = event.target;
    console.log( elem.value);
  }
});

但浏览器控制台正在打印2行，第一行是未定义的，第二行是我想要的值。

如何才能获得一张我想要的正确值的打印件？ THX

Answer 1

佛瑞德，

我认为原因是因为event bubbling。

试试这个：

Template.options.events({
  'click .twin-item': (event) => {
    event.preventDefault();
    event.stopPropagation();
    let elem = event.target;
    console.log( elem.value);
  }
});

我添加的是event.preventDefault()和event.stopPropagation()。

对于您的应用，您可能不需要event.preventDefault()，您可能只需要使用event.stopPropagation()来控制事情。

您也可以尝试定位实际输入而不是标签。

从html点击事件

1 个答案: