欢迎访问优讯网!
您当前的位置:首页 > 爱编程

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

时间:2020-04-29 08:25:08  来源:优讯网  作者:小卡司  浏览次数:
这篇文章主要介绍了JavaScript禁止右击保存图片,禁止拖拽图片的实现代码,代码简单易懂,非常不错,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

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

禁止鼠标右键保存图片

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

禁止鼠标拖动图片

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

文字禁止鼠标选中

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

禁止复制文本

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

jquery禁止文本复制和拷贝

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

jquery禁止图片拖拽

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

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

1
2
3
4
5
6
/保存到相册
function savePic(){    
  var picurl= $("#picurl").attr("src");
  //alert(picurl);
  savePicture(picurl);
}
1
2
3
4
5
6
7
8
9
10
11
12
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禁止右击保存图片,禁止拖拽图片的实现代码的文章就介绍到这了

来顶一下
返回首页
返回首页

原文链接:https://www.jb51.net/article/185677.htm


推荐资讯
如何下载旧版centos iso镜像 如何下载迷你mini版的centos镜像
如何下载旧版centos i
计算机的正确使用姿势 电脑痴如何正确的使用电脑
计算机的正确使用姿势
好用的后台管理的前端框架模版H-ui H-ui框架模版分享
好用的后台管理的前端
微信电脑多开方法 无需辅助电脑版微信双开方法分享
微信电脑多开方法 无
相关文章
栏目更新
栏目热门