【JS基礎】阻止預設操作

　　把單擊事件處理程式註冊到一個錨元素，而不是一個外層的上，那麼就要面對另外一個問題：當使用者單擊連結時，瀏覽器會載入一個新頁面。

　　當使用者在編輯完表單後按下Enter鍵時，會觸發表單的submit事件，在此事件發生後，表單提交才會真正發生。這種行為與我們討論的事件處理程式不是同一個概念，它是單擊標籤元素的預設操作。

　　在這種情況下，處理方法有：

　　1.w3c的方法是e.preventDefault()，IE則是使用e.returnValue = false

　　preventDefault它是事件物件(Event)的一個方法，作用是取消一個目標元素的預設行為。

　　既然是說預設行為，當然是元素必須有預設行為才能被取消，如果元素本身就沒有預設行為，呼叫當然就無效了。

　　什麼元素有預設行為呢?如連結

　　var a = document.getElementById("testA");

　　a.>

　　if(e.preventDefault){

　　e.preventDefault();

　　}else{

　　window.event.returnValue = false;//IE

　　//注意：這個地方是無法用return false代替的

　　//return false只能取消元素

　　}

　　}

　　2. return false

　　javascript的return false只會阻止預設行為，而是用jQuery的話則既阻止預設行為又防止物件冒泡。

　　//原生js，只會阻止預設行為，不會停止冒泡

　　var a = document.getElementById("testA");

　　a.>

　　return false;//當然 也阻止了事件本身 　

　　};

　　//既然return false 和 e.preventDefault()都是一樣的效果，那它們有區別嗎?當然有。

　　//僅僅是在HTML事件屬性 和 DOM0級事件處理方法中 才能透過返回 return false 的形式組織事件宿主的預設行為。1234567

　　//jQuery，既阻止預設行為又停止冒泡

　　$("#testA").on('click',function(){

　　return false;//當然 也阻止了事件本身

　　});

　　總結方法

　　當需要阻止預設行為時，可以使用：

　　function stopDefault( e ) {

　　if ( e && e.preventDefault ){

　　e.preventDefault(); //阻止預設瀏覽器動作(W3C)

　　}else {

　　window.event.returnValue = false; //IE中阻止函式器預設動作的方式

　　}

　　return false;

　　}

　　事件注意點

　　1、event代表事件的狀態，例如觸發event物件的元素、滑鼠的位置及狀態、按下的鍵等等;

　　2、event物件只在事件發生的過程中才有效。