這次帶給大家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操作html元素點擊事件詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!