jQuery操作html元素點擊事件詳解

這次帶給大家jQuery操作html元素點擊事件詳解，jQuery操作html元素點擊事件的注意事項有哪些，下面就是實戰案例，一起來看一下。

移除或停用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上

PS：這裡再附上javascript常見事件與功能說明的線上對照表供大家參考：

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

jquery取得時間方法摘要

#jQuery版本升級有哪些注意事項 

#

以上是jQuery操作html元素點擊事件詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！