【ios中禁止默认图片选中效果】

ios中禁止默认图片拖拽效果

1 CSS禁用选中效果

禁止默认的选中可以用以下css样式实现：

/* 该方式可以禁止选中，但在ios中，可以禁止选中文字，对图片不生效，推荐方案2 */
img.disable-select {
  user-select: none; /* 标准的语法: 禁止选中 */
  -webkit-user-select: none; /* 针对Webkit浏览器的兼容性写法 */
  -moz-user-select: none; /* 针对Firefox浏览器的兼容性写法 */
  -ms-user-select: none; /* 针对IE浏览器的兼容性写法 */
}

2 ios禁用图片选中

在ios中方式1只能禁用文字选中，所以追加图片禁止选中方式如下：

2.1 使用新版H5语法

<img src="https://img-home.csdnimg.cn/images/20201124032511.png" draggable="false">

2.2 使用js禁止拖拽

1. 用户拖拽时禁止默认事件

window.addEventListener('touchstart', (e)=>{
	e.preventDefault()
})