這篇文章主要介紹了css怎么禁止元素的點(diǎn)擊事件,具有一定借鑒價(jià)值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
成都創(chuàng)新互聯(lián)公司是一家專(zhuān)業(yè)提供杜爾伯特企業(yè)網(wǎng)站建設(shè),專(zhuān)注與成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計(jì)、H5響應(yīng)式網(wǎng)站、小程序制作等業(yè)務(wù)。10年已為杜爾伯特眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專(zhuān)業(yè)網(wǎng)絡(luò)公司優(yōu)惠進(jìn)行中。
在實(shí)際工作中,如果我們需要禁止某個(gè)元素的點(diǎn)擊事件,可以將該元素的pointer-events屬性設(shè)為none。
如下:
測(cè)試代碼:
.disabled { pointer-events: none; cursor: default; opacity: 0.6;}
其中,pointer-events: none;是css3新出現(xiàn)的屬性,意思就是禁止鼠標(biāo)點(diǎn)擊事件,當(dāng)元素中有這一屬性時(shí),鏈接、點(diǎn)擊事件統(tǒng)統(tǒng)失效。
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享css怎么禁止元素的點(diǎn)擊事件內(nèi)容對(duì)大家有幫助,同時(shí)也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,遇到問(wèn)題就找創(chuàng)新互聯(lián),詳細(xì)的解決方法等著你來(lái)學(xué)習(xí)!