1. 在img元素中添加以下属性:
<img
src="图片地址"
class="unselectable"
draggable="false"
oncontextmenu="return false;"
/>
其中, class="unselectable"
是添加一个名为unselectable
的CSS类, 用于禁用鼠标选中; draggable="false"
用于禁用拖拽, oncontextmenu="return false;"
用于禁用鼠标右键.
2. 添加CSS类:
<style>
.unselectable {
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
user-select: none;
}
<style>