按鈕ID返回空白？

Question

<template name="thingform"> 
<div class="container"> 
    <div class="row"> 

     <!-- Project Name Form--> 
     <form class="col s6"> 
      <div class="input-field col s6"> 
       <input placeholder="{{projectDoc}}" name="tname" type="text" class="validate"> 
       <label>Thing Name</label> 
      </div> 

      <button id="yoid" class="btn waves-effect waves-light tbutton" type="submit"> 
       <i class="material-icons right">Submit</i> 
      </button> 
     </form> 
    </div> 
</div> 

模板是這和JavaScript是

Template.thingform.helpers({ 
projectDoc: function() { 
    return "Hello"; 
} 
}); 

Template.thingform.events({ 
"click .tbutton": function(e) { 
    var bid = e.target.id; 
    e.preventDefault(); 
    console.log(bid); 
} 
}); 

爲什麼控制檯顯示空白？它不應該打印「yoid」這是按鈕上的ID？

我也使用jQuery

var bid = $(e.target).prop("id"); 

var bid = $(e.target).attr("id"); 

嘗試也試過這個

var bid = event.currentTarget.id; 

Answer 1

我只是想你確切的代碼：

<!-- Project Name Form--> 
<form class="col s6"> 
    <div class="input-field col s6"> 
     <input placeholder="{{projectDoc}}" name="tname" type="text" class="validate"> 
     <label>Thing Name</label> 
    </div> 

    <button id="yoid" class="btn waves-effect waves-light tbutton" type="submit"> 
     <i class="material-icons right">Submit</i> 
    </button> 
</form> 

"click .tbutton": function(e) { 
    var bid = e.currentTarget.id; 
    e.preventDefault(); 
    console.log(bid); // Logs 'yoid' 
} 

我認爲你有一個錯字：你說你試過event.currentTarget.id，而我有e.currentTarget.id。 e.target爲您提供了按鈕的內部內容，因此您需要currentTarget。