如何禁用 a 標簽的點擊事件


 a標簽是沒有disable屬性的 ,如果想用disable 禁用a標簽的點擊事件,也可以實現;

1.a標簽要用disable屬性,必須和pointer-events屬性一起使用,

html代碼:

<a id="test">測試</a>

js代碼:

$("#test").attr("disabled",true).css("pointer-events","none"); 

2.pointer-events 屬性詳解  

pointer-events:  auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | inherit  

 pointer-events屬性有很多值,但是對於瀏覽器來說,只有auto和non兩個值可用,其它的幾個是針對SVG的(本身這個屬性就來自於SVG技術)。

 auto——效果和沒有定義pointer-events屬性相同,鼠標不會穿透當前層。在SVG中,該值和visiblePainted的效果相同。
 none——元素不再是鼠標事件的目標,鼠標不再監聽當前層而去監聽下面的層中的元素。但是如果它的子元素設置了 pointer-events為其它值,

比如auto,鼠標還是會監聽這個子元素的。
用途:
比如投票,只能投一次,點贊只能給一個人贊

$(this).addClass("yizan").children().addClass("zan_icon"); 當前的a標簽為已贊狀態
$(".praise a").attr("disabled",true).css("pointer-events","none");//只能贊一次,禁止再次觸發點擊事件

其它屬性值為SVG專用,這里不介紹了


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM