JavaScript禁止右击保存图片,禁止拖拽图片的实现代码
时间:2020-12-07 16:34:08|栏目:JavaScript代码|点击: 次
下面先看下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设置对象的ReadOnly属性(示例代码)
栏 目:JavaScript代码
下一篇:微信小程序实现动态设置placeholder提示文字及按钮选中/取消状态的方法
本文标题:JavaScript禁止右击保存图片,禁止拖拽图片的实现代码
本文地址:http://www.codeinn.net/misctech/30156.html