资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

JavaScript如何实现禁止右击保存图片,禁止拖拽图片

小编这次要给大家分享的是JavaScript如何实现禁止右击保存图片,禁止拖拽图片,文章内容丰富,感兴趣的小伙伴可以来了解一下,希望大家阅读完这篇文章之后能够有所收获。

创新互联公司2013年至今,先为宾阳等服务建站,宾阳等地企业,进行企业商务咨询服务。为宾阳企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

禁止鼠标右键保存图片

禁止鼠标拖动图片

文字禁止鼠标选中

文字禁止鼠标选中

禁止复制文本

文字禁止鼠标选中

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如何实现禁止右击保存图片,禁止拖拽图片的文章,如果觉得文章内容写得不错的话,可以把它分享出去给更多人看到。


文章标题:JavaScript如何实现禁止右击保存图片,禁止拖拽图片
URL标题:http://www.cdkjz.cn/article/pgsopo.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220