阻止預設行為

<script>
    // 常見事件對象的屬性和方法
    // 1.傳回事件類型
    var div = document.querySelector("div");
    div.addEventListener("click", fn);
    div.addEventListener("mouseover", fn);
    div.addEventListener("mouseout", fn);
    function fn(e) {
      console.log(e.type);
    }
    // 2.阻止預設樣式(事件) 讓連結不跳轉 或者讓送出按鈕不送出
    var a = document.querySelector("a");
    a.addEventListener("click", function (e) {
      e.preventDefault(); //dom标準寫法
    });
    // 3.傳統注冊方式
    a.onclick = function (e) {
      // 普通浏覽器 e.preventDefault( );    方法
      //e.preventDefault( );
      // 低版本浏覽器 ie678 returnValue   屬性
      // e.returnValue;
      // 我們可以利用return false 也能阻止預設行為  沒有相容性的問題
      // 特點： return 後面的代碼不執行而且隻限于傳統的注冊方式
      return false;
      alert(11);
    };
  </script>