无需插件WordPress生成静态缓存文件的方法
发布于
by
这篇文章主要介绍了JavaScript禁止右击保存图片,禁止拖拽图片的实现代码,代码简单易懂，非常不错，对大家…
这篇文章主要介绍了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禁止右击保存图片,禁止拖拽图片的实现代码的文章就介绍到这了,希望大家以后多多支持！
类别：WordPress函数讲解、
本文收集自互联网，转载请注明来源。
如有侵权，请联系 wper_net@163.com 删除。
还没有任何评论，赶紧来占个楼吧！