實例解析jQuery中如何取消後續執行內容-js教程-PHP中文網

實例解析jQuery中如何取消後續執行內容

高洛峰

發布： 2016-12-03 09:13:17

原創

948 人瀏覽過

本文主要介紹了jQuery中取消後續執行內容的實例，程式碼簡單易懂。需要的朋友來看吧

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title></title>
 <script type="text/javascript">
  //点击a标签，不进行页面跳转
  window.onload = function () {
   var obj = document.getElementById("myhref");
   obj.onclick = function (event) {
    //取消默认行为
    //return false;
    //分浏览器
    //IE下
    //01.第一道能力检测
    event = event || window.event;
    if (event.preventDefault) {
 
      //非IE下
     event.preventDefault();
    } else {
     event.returnValue = false;
    }    
   };
  }
 </script>
</head>
<body>
 <a id="myhref" href="http://www.baidu.com">去百度</a>
</body>
</html>

登入後複製

這裡的a標籤的點擊效果本來是要跳到百度頁面的，但是我們透過參數取消預設行為的方式可以讓這個點擊事件的後續內容不執行。

有時會遇到同一個標籤上點擊後有多個事件，如果只想執行第一個事件而放棄後面的事件，可以加上一段代碼來阻止：

click me!

jquery怎麼阻止後綁定的事件

你的程式碼在頁面載入過程中已經完成事件綁定定了，沒有阻止後綁定的事件的辦法了，不過可以刪除目前指定節點的事件綁定。方法如下：

$("#btn").click(function(){
if($("#tx").val()==""){
alert("e1");
}else{
//删除后绑定的事件。。。
$("#btn").unbind(&#39;click&#39;);
}
});

登入後複製

說明：

unbind([type],[data])
bind()的反向操作，從每一個匹配的元素中刪除綁定的事件。

如果沒有參數，則刪除所有綁定的事件。

你可以將你用bind()註冊的自訂事件取消綁定。

I如果提供了事件類型作為參數，則只刪除該類型的綁定事件。

如果把在綁定時傳遞的處理函數當作第二個參數，則只有這個特定的事件處理函數會被刪除。

jquery:怎麼可以阻止第二次點擊click事件？

jquery提供了一個只觸發一次點擊的方法

obj.one(function(){
});

登入後複製

或用obj.unbind("click")取消點擊事件

php8，我來也

30分鐘學會網站佈局

尚觀Oracle入門到精通視頻教程

你的第一行UNI-APP程式碼

Flutter 從頭到應用程式啟動

兄弟連新版Linux視頻教程

AXURE 9影片教學（適用於產品經理互動產品設計UI）

零基礎PS影片教學

16天帶你入門UI視頻教程

PS技巧和切片技巧影片教學

阿裡雲環境搭建以及項目上線視頻教程

電腦網路概述－程式設計師必須掌握的基礎知識

程式設計師必備教學——HTTP協定講解

Websocket影片教學

實例解析jQuery中如何取消後續執行內容