JavaScript禁止右击保存图片,禁止拖拽图片的实现代码
更新时间：2020年04月28日 14:37:48 作者：chillylight
这篇文章主要介绍了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禁止右击保存图片,禁止拖拽图片的实现代码的文章就介绍到这了,更多相关js 禁止右击保存图片拖拽图片内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
微信小程序授权登录解决方案的代码实例（含未通过授权解决方案）
这篇文章主要介绍了微信小程序授权登录解决方案，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
javascript对select标签的控制(option选项/select)
html中的select标签，也是asp.net中的asp:DropDownList控件,接下来介绍javascript对select标签的控制,感兴趣的朋友可以了解下，或许本文对你有所帮助2013-01-01
layui+SSM的数据表的增删改实例(利用弹框添加、修改)
今天小编就为大家分享一篇layui+SSM的数据表的增删改实例(利用弹框添加、修改)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
现在浏览器种类也越来越多，诸如 IE、Firefox、Chrome、Safari等等，因此现在要实现一个js复制内容到剪贴板的小功能就不是一件那么容易的事了。2014-06-06
这篇文章主要给大家介绍了关于three.js引入glsl文件并高亮显示代码的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2022-03-03
这篇文章主要介绍了JS实现的input选择图片本地预览功能,涉及javascript针对页面元素属性动态操作相关实现技巧,需要的朋友可以参考下2018-08-08
这篇文章主要介绍了利用JS来控制键盘的上下左右键示例代码。需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
下面两个小问题是楼猪在实际项目开发中遇到的，贴上来和大家讨论下。2010-06-06
这篇文章主要介绍了js实现简洁大方的二级下拉菜单效果代码,涉及javascript通过鼠标事件控制页面元素的动态变换技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-09-09
这篇文章主要为大家详细介绍了基于JavaScript实现拖动滑块效果，拖动滑块时数字进行变化，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
最新评论