css怎麼禁止點擊事件
- 青灯夜游原創
- 2021-04-16 14:00:425537瀏覽
在css中，可以使用pointer-events屬性來禁止點擊事件，只需要給元素加上「pointer-events:none;」樣式，讓元素永遠無法成為滑鼠事件的target，進而禁止滑鼠事件即可。
本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
在css中，可以使用pointer-events屬性來禁止點擊事件。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
a.disabled {
pointer-events: none;
cursor: default;
filter: alpha(opacity=50);
/*IE滤镜，透明度50%*/
-moz-opacity: 0.5;
/*Firefox私有，透明度50%*/
opacity: 0.5;
/*其他，透明度50%*/
}
</style>
</head>
<body><br/><br/>
<a href="#" class="disabled">不可点击的a链接</a><br/><br/>
<a href="#">正常的a链接</a>
</body>
</html>效果圖：
#pointer-events:none是什麼？
pointer-events屬性指定在什麼情況下 (如果有) 某個特定的圖形元素可以成為滑鼠事件的 target。
pointer-events:none顧名思意，就是滑鼠事件拜拜的意思。元素永遠不會成為滑鼠事件的target。元素應用了這個CSS屬性，連結啊，點擊啊什麼的都變成了「浮雲牌醬油」。
但是，當其後代元素的pointer-events屬性指定其他值時，滑鼠事件可以指向後代元素，在這種情況下，滑鼠事件將在捕獲或冒泡階段觸發父元素的事件偵聽器。
（學習影片分享：css影片教學）
以上是css怎麼禁止點擊事件的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：css怎麼讓div居中下一篇：css怎麼讓div居中