1. 程式人生 > 其它 >html 禁用點選事件

html 禁用點選事件

 1 1.css禁用滑鼠點選事件
 2 
 3 .disabled { pointer-events: none; }
 4 注:(這個沒有試過)
 5 
 6 
 7 jquery禁用a標籤方法1
 8      $(document).ready(function () {
 9              $("a").each(function () {
10                  var textValue = $(this).html();
11                  if (textValue == "XX概況" || textValue == "服務導航") {
12 $(this).css("cursor", "default"); 13 $(this).attr('href', '#'); //修改<a>的 href屬性值為 # 這樣狀態列不會顯示連結地址 $(this).click(function (event) { 14 event.preventDefault(); // 如果<a>定義了 target="_blank“ 需要這句來阻止開啟新頁面
15 }); 16 } 17 }); }); 18 jquery禁用a標籤方法2 19 $('a.tooltip').live('click', function(event) { 20 alert("抱歉,已停用!"); 21 event.preventDefault(); 22 }); 23 jquery禁用a標籤方法3 24 $(function(){ 25 $('.disableCss').removeAttr('href');//
去掉a標籤中的href屬性 26 $('.disableCss').removeAttr('onclick');//去掉a標籤中的onclick事件 27 }); 28 jquery控制按鈕的禁用與啟用 29 30 控制按鈕為禁用: 31 32 $('#button').attr('disabled',"true");新增disabled屬性 33 $('#button').removeAttr("disabled"); 移除disabled屬性 34 35 live() 方法為被選元素附加一個或多個事件處理程式,並規定當這些事件發生時執行的函式。 36 37 通過 live() 方法附加的事件處理程式適用於匹配選擇器的當前及未來的元素(比如由指令碼建立的新元素)。 38 39 40 41 問題:使用jQuery的live()方法繫結事件,有時會出現重複繫結的情況,如,當點選一個按鈕時,此按鈕所繫結的事件會並執行n遍。 42 43 解決:使用die()方法,在live()方法繫結前,將此元素上的前面被繫結的事件統統解除,然後再通過live()方法繫結新的事件。 44 45 46 47 Js程式碼 48 //先通過die()方法解除,再通過live()繫結 49 $("#selectAll").die().live("click",function(){ 50 //事件執行程式碼 51 }); 52 //先通過die()方法解除,再通過live()繫結 53 $("#selectAll").die().live("click",function(){ 54 //事件執行程式碼 55 });die()方法簡介: 56