首頁 > web前端 > js教程 > 主體

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

php中世界最好的语言
發布: 2018-04-23 16:48:56
原創
3110 人瀏覽過

這次帶給大家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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板