码迷,mamicode.com
首页 > 其他好文 > 详细

踩到Framework7 Photo Browser 的一个坑

时间:2017-06-27 23:35:32      阅读:513      评论:0      收藏:0      [点我收藏+]

标签:targe   帮助   browser   效果   tar   图片   放弃   鼠标事件   property   

最近在做的项目用了Framework7前端框架,功能确实比较强大!但这两天遇到一个坑,希望我的这点收获能给遇到这个问题的朋友一点帮助。

在使用Photo Browser 的时候,图片下方想放一个“点赞”的按钮,耐何就死活无法响应鼠标的点击事件(click tap都不行)。怀疑被父级元素拦截了,反复各种折腾就是没效果!

最后都要放弃的时候,都准备移除“点赞”功能了,无意中发现.photo-browser-captions这个层有个样式是 pointer-events: none; 翻了一下CSS手册,说none时元素永远不会成为鼠标事件的target!

这一下子就找到症结所在了!改为 pointer-events: auto; 就能正确绑定事件了!

真没想到CSS也能控制鼠标事件,涨姿势了!

踩到Framework7 Photo Browser 的一个坑

标签:targe   帮助   browser   效果   tar   图片   放弃   鼠标事件   property   

原文地址:http://www.cnblogs.com/rangeon/p/7087382.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!