如何通过JavaScript阻止网页图片被右击保存及拖拽？

本文共计395个文字，预计阅读时间需要2分钟。

首先，下面是对原文的简化改写，不超过100字：

查看以下JavaScript代码，禁止右键保存图片，禁用鼠标右键点击保存，禁用鼠标拖动图片，禁用文字选中。img src= oncontextmenu=return false; ondragstart=return false; p onselectstart=return false;>

下面先看下js禁止右击保存图片。

禁止鼠标右键保存图片

<img src="" oncontextmenu="return false;">

禁止鼠标拖动图片

<img src="" ondragstart="return false;">

文字禁止鼠标选中

<p onselectstart="return false;">文字禁止鼠标选中</p>

禁止复制文本

<p onselect="document.selection.empty();">文字禁止鼠标选中</p>

jquery禁止文本复制和拷贝

$(document).bind("contextmenu copy selectstart", function() { return false; });

jquery禁止图片拖拽

var img=$("img"); img.on("contextmenu",function(){return false;}); img.on("dragstart",function(){return false;});

ps：js保存图片到手机相册

/保存到相册 function savePic(){ var picurl= $("#picurl").attr("src"); //alert(picurl); savePicture(picurl); }

var triggerEvent = "touchstart"; function savePicture(Url){ var blob=new Blob([''], {type:'application/octet-stream'}); var url = URL.createObjectURL(blob); var a = document.createElement('a'); a.href = Url; a.download = Url.replace(/(.*\/)*([^.]+.*)/ig,"$2").split("?")[0]; var e = document.createEvent('MouseEvents'); e.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null); a.dispatchEvent(e); URL.revokeObjectURL(url); }

到此这篇关于JavaScript禁止右击保存图片,禁止拖拽图片的实现代码的文章就介绍到这了,更多相关js 禁止右击保存图片拖拽图片内容请搜索易盾网络以前的文章或继续浏览下面的相关文章希望大家以后多多支持易盾网络！