vue实现页面内容禁止选中功能,仅输入框和文本域可选

css控制

*{ 
 -webkit-touch-callout:none; /*系统默认菜单被禁用*/ 
 -webkit-user-select:none; /*webkit浏览器*/ 
 -khtml-user-select:none; /*早期浏览器*/ 
 -moz-user-select:none;/*火狐*/ 
 -ms-user-select:none; /*IE10*/ 
 user-select:none; 
} 
input{ 
 -webkit-user-select:auto; /*webkit浏览器*/  
}
textarea{
 -webkit-user-select:auto; /*webkit浏览器*/
}

js控制

onselectstart='return false'
onselect='return false'
oncontextmenu='return false' #此句禁用鼠标右键

不想选中有颜色

用css,对特定区域设置选中透明效果

img::selection {background: transparent}

你可能感兴趣的:(vue实现页面内容禁止选中功能,仅输入框和文本域可选)