html 禁止选择与复制出现蓝色选中状态，禁止图片拖拽，隐藏鼠标,全屏状态下有效

一、禁止选择与复制
js实现

['contextmenu', 'selectstart', 'copy'].forEach(function(ev){document.addEventListener(ev, function(ev){ev.preventDefault();ev.returnValue = false;})
});`

css实现

body {-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;
}

二、禁止图片拖拽
js实现（方法一）

['dragstart'].forEach(function(ev){document.addEventListener(ev, function(ev){ev.preventDefault();ev.returnValue = false;})
});

火狐有效（方法二）

window.οndragstart=function(event){  if(event.target.tagName.toUpperCase() =='IMG') {  // Chromereturn false;}else if(event.explicitOriginalTarget && event.explicitOriginalTarget.tagName.toUpperCase() == 'IMG') {// 火狐return false;}else if($(event.target).has('>img').length) { // IEreturn false;}}

三、隐藏鼠标
css实现

body {cursor:none;
}

四、取消右键（oncontextmenu）、禁止拖拽（ondragstart）、禁止选择（onselectstart）、禁止复制（onselect），在火狐浏览器中经测试有效，在body标签中加入这些

 <body oncontextmenu="return false" ondragstart="return false" onselectstart="return false" onselect="document.selection.empty()">

html 禁止选择与复制出现蓝色选中状态，禁止图片拖拽，隐藏鼠标,全屏状态下有效相关推荐

html 禁止选择与复制，禁止图片拖拽
一.禁止选择与复制. js实现: ['contextmenu', 'selectstart', 'copy'].forEach(function(ev){document.addEventListen ...
电脑C语言软件怎样拷贝到u盘,禁止U盘复制电脑文件、禁止电脑文件复制到U盘、禁止复制计算机文件到U盘的方法...
有时候处于保护电脑文件安全的需要,我们需要禁止复制电脑文件到U盘.阻止复制计算机文件粘贴到U盘.但是,由于工作中经常用到U盘,又不能完全禁止U盘的使用,如何实现呢?可以通过以下方法来实现: 方法一:可 ...
计算机复制文件的功能,禁止U盘复制电脑文件、禁止电脑文件复制到U盘、禁止复制计算机文件到U盘的方法...
有时候处于保护电脑文件安全的需要,我们需要禁止复制电脑文件到U盘.阻止复制计算机文件粘贴到U盘.但是,由于工作中经常用到U盘,又不能完全禁止U盘的使用,如何实现呢?可以通过以下方法来实现: 方法一:可 ...
使用jq-ui实现选中多元素进行拖拽操作
使用jq-ui实现选中多元素进行拖拽操作开发中为了方便用户想引入拖拽操作,但发现jq只支持单个节点拖拽,google百度了半天只有几个实现了多选拖拽了例子,但感觉不是很好用,所以干脆利用晚上时间自己 ...
richeditctrl 选中ole图片拖拽空白_高质量的图片素材，碾压度娘几条街......
答应我不要错过哈喽大家周末好啊,总有小伙伴来问公子说每周的素材分享我到底都是从哪里找的呢,其实公子之前也有告诉过大家,可能是隔的时间太久了. 所以今天呢我又给你们整理了一些经常会用到的几个图片网站 ...
Excel表格快速复制公式到最后一行，无需拖拽！
工欲善其事,必先利其器!掌握一些Excel表格的操作技巧,很多时候会极大地减轻工作量. 如下图所示,现在在第1行.第E列,输入了一个求和公式(用于计算整行数据的加和). 选中E1单元格后,将鼠标光标移 ...
[办公应用]word 2007：全屏快捷键，让复制图片保持原样大小(office 全屏快捷键）...
最近同事咨询这两个问题: 1.word 2007内是否有全屏显示的快捷键,这样投影时,就可以快速切换到全屏. 2.从ppt或者excel复制一张较大的图片,word 2007 会默认让复制的图片缩小, ...
CSS # 禁止图片拖拽、文字选中
-webkit-user-select: none; cursor: default; pointer-events: none;
js 监听复制图片拖拽上传文件并填充到markdown编辑器
文章目录效果获取粘贴的文件获取拖拽的文件发送请求生成markdown 语句实现逻辑代码(主要实现) 后端代码效果获取粘贴的文件 const { clipboardData } = e; ...

html 禁止选择与复制出现蓝色选中状态，禁止图片拖拽，隐藏鼠标,全屏状态下有效

html 禁止选择与复制出现蓝色选中状态，禁止图片拖拽，隐藏鼠标,全屏状态下有效相关推荐

最新文章

热门文章