一般针对button的话 disabled针对a 啊 或者其他元素自己的观点:1:阻止默认事件2:click hover的时候return3:针对a标签 最好把href去掉 否则键盘上的tab键还是会影响的
他就是一个阻止鼠标事件的一个css属性 目前兼容性不是很好啊
这里有一个比较完整的解决方案 可以参考http://www.vinylfox.com/forwarding-mouse-events-through-layers/
这个要分情况而言，比如<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;}));
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
暂无简介
文章 0 评论 0
接受
发布评论
评论（3）
一般针对button的话 disabled
针对a 啊 或者其他元素
自己的观点:
1:阻止默认事件
2:click hover的时候return
3:针对a标签 最好把href去掉 否则键盘上的tab键还是会影响的
他就是一个阻止鼠标事件的一个css属性 目前兼容性不是很好啊
这里有一个比较完整的解决方案 可以参考
http://www.vinylfox.com/forwarding-mouse-events-through-layers/
这个要分情况而言，比如<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;
}));