jquery 怎麼禁止點擊 元素

jquery禁止點擊元素的實作方法：1、透過「$(this).click(function (event) {...}」方式；2、透過「$('a').live( 'click', function(event) {...}”方式等等。

#本文操作環境：windows7系統、jquery3.2.1版、DELL G3電腦

jquery 怎麼禁止點擊元素？

移除或停用html元素的點擊事件可以透過css實作也可以透過js或jQuery實作。

一、CSS方法

.disabled { pointer-events: none; }

二、jQuery方法

方法一

    

$(this).click(function (event) {
event.preventDefault();
}

方法二

#    

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

註：此方法中的live也可以為on，bind等方法

方法三

$('.disableCss').removeAttr('onclick');//去掉标签中的onclick事件

透過removeAttr方法來控制html標籤的屬性已達到啟用或停用事件。另，使用此方式也可以控制其他事件或其他效果。

方法四

    

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

註：和方法三是一樣的，不過disabled屬性一般用在類型為button或submit的input上

推薦學習：《jquery影片教學》

以上是jquery 怎麼禁止點擊 元素的詳細內容。更多資訊請關注PHP中文網其他相關文章！