禁止浏览器拖拽图片


标签属性draggable

直接给图片元素设置属性draggable=false

设置事件ondragstart

1
image.ondragstart = () => false

事件返回false,中断事件

event.preventDefault()

该方法将通知 Web 浏览器不要执行与事件关联的默认动作(如果存在这样的动作),因此需要对事件onmousedown处理

1
2
3
image.onmousedown = function (event) {
event.preventDefault()
}

ps:该方法的 vue 处理方法:在图片元素上设置@mousedown.prevent