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


Posted in Javascript onApril 28, 2020

下面先看下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 禁止右击保存图片拖拽图片内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
分享几个超级震憾的图片特效
Jan 08 Javascript
JavaScript中的字符串操作详解
Nov 12 Javascript
Jquery $.getJSON 在IE下的缓存问题解决方法
Oct 10 Javascript
用简洁的jQuery方法toggleClass实现隔行换色
Oct 22 Javascript
使用Plupload实现直接上传附件至七牛云存储
Dec 26 Javascript
AngularJS实现表单验证
Jan 28 Javascript
JavaScript使用addEventListener添加事件监听用法实例
Jun 01 Javascript
js实现的tab标签切换效果代码分享
Aug 25 Javascript
深入理解Node.js的HTTP模块
Oct 12 Javascript
JavaScript正则表达式小结(test|match|search|replace|split|exec)
Dec 08 Javascript
解决layui 复选框等内置控件不显示的问题
Aug 14 Javascript
JS实现手写 forEach算法示例
Apr 29 Javascript
JavaScript 禁止用户保存图片的实现代码
Apr 28 #Javascript
JS求解两数之和算法详解
Apr 28 #Javascript
jQuery插件simplePagination的使用方法示例
Apr 28 #jQuery
uni-app如何页面传参数的几种方法总结
Apr 28 #Javascript
JavaScript 双向链表操作实例分析【创建、增加、查找、删除等】
Apr 28 #Javascript
JS 创建对象的模式实例小结
Apr 28 #Javascript
JavaScript console的使用方法实例分析
Apr 28 #Javascript
You might like
php获取数组中重复数据的两种方法
2013/06/28 PHP
php数据类型判断函数有哪些
2013/09/23 PHP
使用pthreads实现真正的PHP多线程(需PHP5.3以上版本)
2014/05/05 PHP
thinkphp连贯操作实例分析
2014/11/22 PHP
PHP递归遍历多维数组实现无限分类的方法
2016/05/06 PHP
thinkphp5 URL和路由的功能详解与实例
2017/12/26 PHP
php实现有序数组旋转后寻找最小值方法
2018/09/27 PHP
JQuery 学习笔记 选择器之二
2009/07/23 Javascript
匹配任意字符的正则表达式写法
2010/04/29 Javascript
Javascript学习笔记之 函数篇(一) : 函数声明和函数表达式
2014/06/24 Javascript
jQuery使用hide方法隐藏页面上指定元素的方法
2015/03/30 Javascript
js拖拽的原型声明和用法总结
2016/04/04 Javascript
详解jQuery停止动画——stop()方法的使用
2016/12/14 Javascript
vue+element+Java实现批量删除功能
2019/04/08 Javascript
[01:20]DOTA2上海特级锦标赛现场采访:谁的ID最受青睐
2016/03/25 DOTA
Python 元组(Tuple)操作详解
2014/03/11 Python
Python实现把json格式转换成文本或sql文件
2015/07/10 Python
Python基础之getpass模块详细介绍
2017/08/10 Python
学习Python selenium自动化网页抓取器
2018/01/20 Python
python 使用socket传输图片视频等文件的实现方式
2019/08/07 Python
用python求一重积分和二重积分的例子
2019/12/06 Python
python统计文章中单词出现次数实例
2020/02/27 Python
解决Python图形界面中设置尺寸的问题
2020/03/05 Python
django处理select下拉表单实例(从model到前端到post到form)
2020/03/13 Python
pycharm 激活码及使用方式的详细教程
2020/05/12 Python
音频处理 windows10下python三方库librosa安装教程
2020/06/20 Python
pytorch 中forward 的用法与解释说明
2021/02/26 Python
NULL是什么,它是怎么定义的
2015/05/09 面试题
三个Unix的命令面试题
2015/04/12 面试题
市场调查策划方案
2014/06/10 职场文书
2014年学生会生活部工作总结
2014/11/07 职场文书
2015年五一劳动节演讲稿
2015/03/18 职场文书
2016年5月份红领巾广播稿
2015/12/21 职场文书
如何用python反转图片,视频
2021/04/24 Python
4种非常实用的python内置数据结构
2021/04/28 Python
SQL Server中锁的用法
2022/05/20 SQL Server