blur事件无法发生

Question

   <table>           <tr>               <td>班级</td>              <td><input type="text" class="data"></td>           </tr>           <tr>               <td>姓名</td>               <td><input type="text" class="data"></td>           </tr>       </table>绑定的函数    function  fix(event){        console.log("haha");             }    document.addEventListener("blur",fix,true);为何当焦点从某个input中移开的时候，没有触发blur事件,console.log("haha"); 没有执行？