JavaScript禁止右击保存图片,禁止拖拽图片的实现代
编程学习 2021-07-04 15:02www.dzhlxh.cn编程入门
这篇文章主要介绍了JavaScript禁止右击保存图片,禁止拖拽图片的实现代码,代码简单易懂，非常不错，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
狼蚁网站SEO优化先看下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 禁止右击保存图片拖拽图片内容请搜索狼蚁SEO以前的文章或继续浏览狼蚁网站SEO优化的相关文章希望大家以后多多支持狼蚁SEO！