pointer-events 鼠标禁止复制文字

 

pointer-events 当把值设置为none后，他有如下相关特性

1. 阻止用户的点击动作产生任何效果
2. 阻止缺省鼠标指针的显示
3. 阻止CSS里的hover和active状态的变化触发事件
4. 阻止JavaScript点击动作触发的事件

兼容性
IE 　11+
Firefox 　3.6＋
Chrome　4.0+
Safari　　6.0
Opera　 15.0
iOS Safari 6.0
Android Browser　2.1+
Android Chrome　18.0+

 

click me

 

 

.ignore {
    position: absolute;
    width: 100%;
    height: 100vh;
    z-index: 2;
    top: 0;
    pointer-events: none;
    background: rgba(100, 100, 100, .8);
}
button {
    padding: 10px 15px;
    margin: 10px;
}
body {
    margin: 0
}