首页 > 技术文章 > CSS冷门的属性

mu-zi- 2018-04-13 18:19 原文

业务场景:

设置页面上的内容无法被选中

代码:

div{

    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

业务场景:

设置鼠标无法选中当前元素包括元素的子孙元素( 鼠标焦点会直接无视它,click、mouseover等所有事件会穿透它到达它的下一级元素。)

代码:

div{

    pointer-events : none;
}
 

推荐阅读