1-阻止click點擊事件

網上查了后有一下幾種實現方法

1.css禁用鼠標點擊事件

.disabled { pointer-events: none; }
注:(這個沒有試過)

2.直接在js中使用阻止事件的進行

 e.stopPropatation||e.cancelBubble = true                    

jquery 禁用a標簽 方法1

$(document).ready(function() {
    $("a").each(function() {
        var textValue = $(this).html();
        if (textValue == "XX概況" || textValue == "服務導航") {
            $(this).css("cursor", "default");
            $(this).attr('href', '#');

            //修改<a>的 href屬性值為 # 這樣狀態欄不會顯示鏈接地址 
            $(this).click(function(event) {
                event.preventDefault();
                // 如果<a>定義了 target="_blank“ 需要這句來阻止打開新頁面  
            });
        }
    });
});

jquery 禁用a標簽 方法2

$('a.tooltip').live('click', function(event) {
    alert("抱歉,已停用!");
    event.preventDefault();
});

jquery 禁用a標簽 方法3

$(function() {  $('.disableCss').removeAttr('href'); //去掉a標簽中的href屬性     $('.disableCss').removeAttr('onclick'); //去掉a標簽中的onclick事件  
});

jquery控制按鈕的禁用與啟用
控制按鈕為禁用:

$('#button').attr('disabled', "true");
添加disabled屬性 
$('#button').removeAttr("disabled");
移除disabled屬性

live() 方法為被選元素附加一個或多個事件處理程序,并規定當這些事件發生時運行的函數。
通過 live() 方法附加的事件處理程序適用于匹配選擇器的當前及未來的元素(比如由腳本創建的新元素)。

問題:使用jQuery的live()方法綁定事件,有時會出現重復綁定的情況,如,當點擊一個按鈕時,此按鈕所綁定的事件會并執行n遍。
解決:使用die()方法,在live()方法綁定前,將此元素上的前面被綁定的事件統統解除,然后再通過live()方法綁定新的事件。

Js代碼

//先通過die()方法解除,再通過live()綁定
$("#selectAll").die().live("click",function(){
//事件運行代碼
});
//先通過die()方法解除,再通過live()綁定
$("#selectAll").die().live("click",function(){
//事件運行代碼
}
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,947評論 18 139
  • 在線閱讀 http://interview.poetries.top[http://interview.poetr...
    前端進階之旅閱讀 114,808評論 24 450
  • (續jQuery基礎(1)) 第5章 DOM節點的復制與替換 (1)DOM拷貝clone() 克隆節點是DOM的常...
    凜0_0閱讀 1,364評論 0 8
  • 1.JQuery 基礎 改變web開發人員創造搞交互性界面的方式。設計者無需花費時間糾纏JS復雜的高級特性。 1....
    LaBaby_閱讀 1,200評論 0 1
  • 請參看我github中的wiki,不定期更新。https://github.com/ivonzhang/Front...
    zhangivon閱讀 7,179評論 2 19