踩到Framework7 Photo Browser 的一個坑


最近在做的項目用了Framework7前端框架,功能確實比較強大!但這兩天遇到一個坑,希望我的這點收獲能給遇到這個問題的朋友一點幫助。

在使用Photo Browser 的時候,圖片下方想放一個“點贊”的按鈕,耐何就死活無法響應鼠標的點擊事件(click tap都不行)。懷疑被父級元素攔截了,反復各種折騰就是沒效果!

最后都要放棄的時候,都准備移除“點贊”功能了,無意中發現.photo-browser-captions這個層有個樣式是 pointer-events: none; 翻了一下CSS手冊,說none時元素永遠不會成為鼠標事件的target!

這一下子就找到症結所在了!改為 pointer-events: auto; 就能正確綁定事件了!

真沒想到CSS也能控制鼠標事件,漲姿勢了!


免責聲明!

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



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