当前位置： 移动技术网 > IT编程>开发语言>JavaScript > JavaScript禁止右击保存图片,禁止拖拽图片的实现代码

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

2020年05月10日  | 移动技术网IT编程  | 我要评论

下面先看下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 禁止右击保存图片拖拽图片内容请搜索移动技术网以前的文章或继续浏览下面的相关文章希望大家以后多多支持移动技术网！

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网