oncopy和onpaste

在Javascript中,有对应的事件能够监听复制和粘贴,那就是oncopy和onpaste。

oncopy:

  • demo:
    • <body oncopy="alert(‘不能复制‘);return false;">
      你能复制我吗?
      </body>

  • 使用场景:
    • 非常多站点上的页面内容是不同意复制的,这样能够防止用户或者程序恶意的去抓取页面数据。曾经的起点阅读小说时,就是不同意复制内容,如今更狠,把左键选择内容和右键菜单也都屏蔽了。
        onpaste:

  • demo
    • <input type="text" nane="cardNum" onpaste="return false;" />

  • 使用场景:
    • 网银转账时,输入对方卡号,须要输入两次,通常第二次输入的输入框是不同意粘贴的,这样就在一定程度上保证了卡号的准确性。

oncopy和onpaste

时间: 2024-08-06 16:05:27

oncopy和onpaste的相关文章

onkeypress与onkeydown及 oncopy和onpaste 事件区别详细说明

onkeypress与onkeydown 具体区别: 1. 一个放开一个没有放开,onkeydown 先于 onkeypress 发生. 2.onkeypress 无法系统按钮. 2.onkeydown 捕获的 keyCode 不区分字母大小,而 onkeypress 区分. onkeypress是在用户按下并放开任何字母数字键时发生.系统按钮(例如,箭头键和功能键)无法得到识别. onkeyup 是在用户放开任何先前按下的键盘键时发生. onkeydown 是在用户按下任何键盘键(包括系统按钮

oncopy和onpaste 对输入框复制与粘贴的限制

<input type="tel" placeholder="请输入手机号" onpaste="alert('不能粘贴');return false"> 使用场景: 网银转账时,输入对方卡号,需要输入两次,通常第二次输入的输入框是不允许粘贴的,这样就在一定程度上保证了卡号的准确性. <input type="tel" placeholder="请输入手机号" oncopy="al

组件的详细说明和生命周期ComponentSpecs and Lifecycle

render ReactComponent render() render() 方法是必须的. 当调用的时候,会检测 this.props 和 this.state,返回一个单子级组件.该子级组件可以是虚拟的本地DOM 组件(比如 <div /> 或者 React.DOM.div()),也可以是自定义的复合组件. 你也可以返回 null 或者 false 来表明不需要渲染任何东西.实际上,React渲染一个<noscript> 标签来处理当前的差异检查逻辑.当返回 null 或者 

20150619禁止用户复制黏贴

user:<input id='user' type="text"> js======== var user=document.getElementById('user'); user.oncopy=user.onpaste=function () { return false; }

React JS 基础知识17条

1. 基础实例 <!DOCTYPE html> <html> <head> <script src="../build/react.js"></script> <script src="../build/react-dom.js"></script> <script src="../build/browser.min.js"></script&g

html-标签大全

html <!DOCTYPE html> <html lang="en | zh-cmn-Hans"></html> manifest="demo.appcache"  ie10 <head></head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet"

JS的事件模型

之前对事件模型还是比较清楚的,许多概念都清晰映射在脑海中.工作之后,一方面使用的 局限性,二是习惯于用框架中的各种事件监听方式,简单即方便,久而久之,事件的一些概念开 始淡出记忆中,就像我现在已经开始淡忘C语言的指针.麦克斯韦方程组.矩阵的变换.最小二乘 法等.知识就像五彩缤纷的鹅卵石铺垫在你前行的道路上,从简单到深刻,从深刻到领悟,一直 助你渐行渐远.回头看看事件模型呗. 一.事件简简介事件包括:鼠标事件键盘事件框架事件 onerror onresize onscroll等表单事件事件 onb

React系列(一):React入门

React简介 1.由来 React是有Facebook开发出来用于构建前端界面的JS组件库,由于其背后的强大背景,使得这款库在技术开发上完全没有问题. 2.React的优势 解决大规模项目开发中数据不断变化变得难以操作的问题: 组件化开发,使得开发更加快速: 单向数据流,有利于找到问题: 虚拟DOM,在React内部有一套diff算法可以快速的计算出整体需要改动的位置,从而做到快速局部刷新:举个栗子:删除一个列表再插入个新表,计算后会比较出不同然后插进去: JSX的编译方式,将HTML代码和J

React 事件处理函数

触摸事件:onTouchCancel\onTouchEnd\onTouchMove\onTouchStart (只会在移动设备上接受) 键盘事件:onKeyDown\onKeyPress\onKeyUp 剪切事件:onCopy\onCut\onPaste 表单事件:onChange\onInput\onSubmit 焦点事件:onFocus\onBlur UI元素:onScroll(移动设备是手指滚动和PC的鼠标滑动) 滚动事件:onWheel(鼠标滚轮) 鼠标类型:onClick\onCont