CSS3-在IE中如何支持pointer-events?

需求定制 需求定制 主题:1050 回复:2283

CSS3-在IE中如何支持pointer-events?

泛泛之交 发布于 2016-10-13 字数 0 浏览 1341 回复 3

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

支持 Markdown 语法,需要帮助?

评论(3

虐人心 2017-10-15 3 楼

一般针对button的话 disabled
针对a 啊 或者其他元素
自己的观点:
1:阻止默认事件
2:click hover的时候return
3:针对a标签 最好把href去掉 否则键盘上的tab键还是会影响的

他就是一个阻止鼠标事件的一个css属性 目前兼容性不是很好啊

归属感 2017-02-14 2 楼

这里有一个比较完整的解决方案 可以参考
http://www.vinylfox.com/forwarding-mouse-events-through-layers/

甜柠檬 2016-12-07 1 楼

这个要分情况而言,比如<a>标签调用的是pointer-events:none,就得写成:pointer-events:none 并且没有href属性。貌似目前没有一劳永逸的办法。
只能在页头先去判断当前用户浏览器,然后在做出相应的应对,判断如下:

var supportsPointerEvents = (function(){
var dummy = document.createElement('_');
if(!('pointerEvents' in dummy.style)) return false;
dummy.style.pointerEvents = 'auto';
dummy.style.pointerEvents = 'x'; document.body.appendChild(dummy);
var r = getComputedStyle(dummy).pointerEvents === 'auto';
document.body.removeChild(dummy); return r;
}));