微客导航 » 文章资讯 » JavaScript禁止右击保存图片,禁止拖拽图片的实现代码

JavaScript禁止右击保存图片,禁止拖拽图片的实现代码

2023-07-26 12:39:04 250

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

禁止鼠标右键保存图片

禁止鼠标拖动图片

文字禁止鼠标选中

文字禁止鼠标选中

禁止复制文本

文字禁止鼠标选中

jquery禁止文本复制和拷贝

$(document).bind("contextmenucopyselectstart",function(){
returnfalse;
});

jquery禁止图片拖拽

varimg=$("img");
img.on("contextmenu",function(){returnfalse;});
img.on("dragstart",function(){returnfalse;});

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

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

vartriggerEvent="touchstart";
functionsavePicture(Url){
varblob=newBlob([''],{type:'application/octet-stream'});
varurl=URL.createObjectURL(blob);
vara=document.createElement('a');
a.href=Url;
a.download=Url.replace(/(.*\/)*([^.]+.*)/ig,"$2").split("?")[0];
vare=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禁止右击保存图片拖拽图片内容请搜索毛票票以前的文章或继续浏览下面的相关文章希望大家以后多多支持毛票票！

返回顶部
3162201930
czq8825@qq.com

JavaScript禁止右击保存图片,禁止拖拽图片的实现代码

热门推荐

随机推荐