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"); 没有执行？