js实现禁止复制,黏贴和选取-------Day54
来源:互联网 发布:微信淘宝联盟链接 编辑:程序博客网 时间:2024/05/21 09:03
传统意义上的交互,在我理解看来,应该是用户通过键盘操作或者鼠标操作,给电脑作出指令,然后电脑根据所得到的指令来作出相应的响应,所以我把键盘操作和鼠标操作看做是一种交互的手段(触摸屏暂时还没有考虑,还不太了解),而如果在web应用中,浏览器才是真正意义上交互的一个桥梁,用户对页面上的事物作出指令,电脑将响应的结果重新在浏览器上显示,那么对浏览器的操作也不得不加入学习的征程。
这里先来记录一下,禁止选取、复制和黏贴。
通常我们进行复制、剪切的手段有两种:
1、选中想要操作的部分,点击鼠标右键,然后选取复制或者剪切;
2、选中想要操作的部分,按鼠标快捷键ctrl+c复制;ctrl+v复制和ctrl+x剪切等
我们来一一进行解决,首先要解决的是右键选择复制或者剪切问题,这个问题在自定义鼠标右键的时候曾经碰到并记录过,在这里再来回忆一下:
document.body.oncontextmenu=function(){ return false;//返回false,则将鼠标完全屏蔽}当然也可以更干脆一点,直接不允许拖拽,如果无法拖拽,则就没法确定要选的内容,在这里我们可以这样写:
document.body.ondragstart=function(){ return false;//无法拖拽,自然无法选定内容}如果第一个方法还是对右键的操作,那么在左键的操作中,同样可以用ondragstart()来通过避免选取来解决复制剪切问题,其实可以一一进行设定,从而解决单个复制或者还是剪切的问题。
onpaste="return false";//禁止粘贴oncut="return false";//禁止剪切oncopy="return false";//禁止复制这样来总结下我们解决问题的方法,实际上有三个方面的考虑:
1、直接不允许选中内容;ondragstart
2、禁止右键
3、禁止复制、粘贴和选取//这里就是解决鼠标左键
七月开始,加油..
0 0
- js实现禁止复制,黏贴和选取-------Day54
- js代码实现禁止选择文字复制黏贴
- 文本框禁止复制黏贴
- js鼠标禁止右键,复制,黏贴等功能
- js实现剪切板效果复制黏贴图片
- iOS uiwebview 禁止弹出复制和黏贴功能
- 禁止在浏览器中选择和复制黏贴
- javascript 实现禁止右键,复制,选取文本
- 禁止网页内容复制、选取、禁止右键菜单js代码
- Android 实现复制黏贴
- Java实现复制黏贴
- js禁止右键,禁止选取,禁止粘贴, 禁止复制,禁止剪贴
- JS实现JSP页面,鼠标禁止另存,复制,右键,选取
- JS实现JSP页面,鼠标禁止另存,复制,右键,选取
- [译]禁止EditText弹出复制黏贴
- JS实现网站内容的禁止复制和粘贴、另存为
- js如何实现网站内容禁止复制和粘贴、另存为?
- urxvt的复制和黏贴
- 纽扣电池常识——以CR2450为例
- os.path的用法
- NLP | 自然语言处理 - 标注问题与隐马尔科夫模型(Tagging Problems, and Hidden Markov Models)
- Android中的手势操作
- PHP编码转换
- js实现禁止复制,黏贴和选取-------Day54
- Linux中为Matlab配置中文字体,以及设置桌面启动快捷方式
- PHP 页面编码声明与用header或meta实现PHP页面编码的区别
- 华为上机练习题--按位取反操作
- linux内核数据结构之链表
- 螺旋队列(内螺旋队列以及外螺旋队列)
- 进入OCR。爱上OCR。
- S5PV210——指令
- 介绍几个关于C/C++程序调试的函数