架構師_程序員

 找回密碼
 注冊[Register]

QQ登錄

只需一步,快速開始

查看: 124|回復: 0
打印 上一主題 下一主題

[CSS/DIV] css 樣式:pointer-events: none

[復制鏈接]
跳轉到指定樓層
樓主
發表于 2020-5-11 17:55:25 | 只看該作者
pointer-events: none 顧名思義,就是鼠標事件拜拜的意思。元素應用了該 CSS 屬性,鏈接啊,點擊啊什么的都變成了 “浮云牌醬油”。pointer-events: none 的作用是讓元素實體 “虛化”。例如一個應用 pointer-events: none 的按鈕元素,則我們在頁面上看到的這個按鈕,只是一個虛幻的影子而已,您可以理解為海市蜃樓,幽靈的軀體。當我們用手觸碰它的時候可以輕易地沒有任何感覺地從中穿過去。
大家都知道 input[type=text|button|radio|checkbox] 支持 disabled 屬性,可以實現事件的完全禁用。如果其他標簽需要類似的禁用效果,可以試試 pointer-events: none

舉個簡單的例子:

這個鏈接,你是點不了的,并且 hover 也沒有效果。(值得一提的是,僅僅是鼠標事件失效,用 tab 鍵還是可以選中該鏈接的,然后 enter 打開,這個時候可以去掉 a 標簽的 href 屬性,就不能讓 tab 鍵選中了)

https://developer.mozilla.org/zh-CN/docs/Web/CSS/pointer-events

默認值為:








上一篇:求 筑龍 建筑電氣安裝施工技術從入門到精通
下一篇:angular encapsulation 的三種使用方式
帖子永久地址: 

架構師_程序員 - 論壇版權1、本主題所有言論和圖片純屬會員個人意見,與本論壇立場無關
2、本站所有主題由該帖子作者發表,該帖子作者與架構師_程序員享有帖子相關版權
3、其他單位或個人使用、轉載或引用本文時必須同時征得該帖子作者和架構師_程序員的同意
4、帖子作者須承擔一切因本文發表而直接或間接導致的民事或刑事法律責任
5、本帖部分內容轉載自其它媒體,但并不代表本站贊同其觀點和對其真實性負責
6、如本帖侵犯到任何版權問題,請立即告知本站,本站將及時予與刪除并致以最深的歉意
7、架構師_程序員管理員和版主有權不事先通知發貼者而刪除本文

碼農網,只發表在實踐過程中,遇到的技術難題,不誤導他人。
您需要登錄后才可以回帖 登錄 | 注冊[Register]

本版積分規則

免責聲明:
碼農網所發布的一切軟件、編程資料或者文章僅限用于學習和研究目的;不得將上述內容用于商業或者非法用途,否則,一切后果請用戶自負。本站信息來自網絡,版權爭議與本站無關。您必須在下載后的24個小時之內,從您的電腦中徹底刪除上述內容。如果您喜歡該程序,請支持正版軟件,購買注冊,得到更好的正版服務。如有侵權請郵件與我們聯系處理。

Mail To:help@itsvse.com

QQ|Archiver|手機版|小黑屋|架構師 ( 魯ICP備14021824號-2 )|網站地圖

GMT+8, 2020-7-11 09:46

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回復 返回頂部 返回列表
捕鸟达人老版