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

<input type="tel" placeholder="请输入手机号" onpaste="alert(‘不能粘贴‘);return false">

  • 使用场景:

    • 网银转账时,输入对方卡号,需要输入两次,通常第二次输入的输入框是不允许粘贴的,这样就在一定程度上保证了卡号的准确性。

<input type="tel" placeholder="请输入手机号" oncopy="alert(‘不能复制‘);return false">

  • 使用场景:

    • 很多网站上的页面内容是不允许复制的,这样可以防止用户或者程序恶意的去抓取页面数据。以前的起点阅读小说时,就是不允许复制内容,现在更狠,把左键选择内容和右键菜单也都屏蔽了。
时间: 2024-08-28 15:46:42

oncopy和onpaste 对输入框复制与粘贴的限制的相关文章

表单禁用复制、粘贴、及右击菜单(contextmenu、oncopy、oncut、onpaste、onselectstart)

禁用右键菜单,可以使用oncontextmenu属性: <textarea oncontextmenu="return false"></textarea> 兼容性:http://www.quirksmode.org/dom/events/contextmenu.html 禁用复制,使用oncopy和oncut: <textarea oncopy="return false" oncut="return false"

oncopy和onpaste

在Javascript中,有对应的事件能够监听复制和粘贴,那就是oncopy和onpaste. oncopy: demo: <body oncopy="alert('不能复制');return false;"> 你能复制我吗? </body> 使用场景: 非常多站点上的页面内容是不同意复制的,这样能够防止用户或者程序恶意的去抓取页面数据.曾经的起点阅读小说时,就是不同意复制内容,如今更狠,把左键选择内容和右键菜单也都屏蔽了.        onpaste: de

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

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

Asp.net网页中禁止使用剪切、复制、粘贴的方法

工欲善其事,必先利其器 在asp.net开发的网页中,有时候需要禁止用户粘贴复制密码,禁止用户copy文章直接粘贴到文本框中.采取的方法是直接在限制控件的地方写上禁止粘贴文本的代码.但是这样不是很方便,假如一个页面中有5个textbox的控件,这时候必须单独对每一个控件都写上禁止复制.粘贴的代码,导致工作量很大.那下面来看看具体操作. 第一步,新建一个空的webform页面. 第二步,在webform中添加几个textbox控件. 第三步,在body标签中加入 oncut="return fal

JS禁止剪切、复制、粘贴的文本框代码

<html> <title>禁止剪切.复制.粘贴的文本框</title> <body> <input type="text" id="username" name="username" value="zzsky" onpaste="return false" oncontextmenu="return false" oncopy=&q

页面上禁用剪切,复制,粘贴

之前以为禁用剪切,复制,粘贴得整一大堆js,结果今天一查,发现竟然是组件的一个属性,- -! 剪切:oncut 复制:oncopy 粘贴:onpaste 这三样属性主要针对的是文本组件,比如<input type="text"/>,<textarea></textarea> ,<p></P>等,需要注意的是p标签需要注意contenteditable="true"(可编辑,又涨姿势了~~)这个属性.准确的讲

JS 禁止右键,禁止复制,禁止粘贴

原文:JS 禁止右键,禁止复制,禁止粘贴 如何用用javascript 禁止右键,禁止复制,禁止粘贴,做站时常会用到这些代码,所以收藏了一下! 1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键特效<table border oncontextmenu=return(false)><td>no</table> 可用于Table 2. <body onselectstart=&q

禁止复制,禁止粘贴

//禁止复制 document.body.oncopy=function(){ alert("不允许赋值"); return false; }; //禁止粘贴 document.body.onpaste=function(){ alert("不允许粘贴"); return false; };

实现JS复制、粘贴,Chrome/Firefox下可用

背景: 最近一直在做一个Web Excel项目,其中一项功能一直很纠结,就是数据的复制粘贴功能.功能要求:可以把Web端数据粘贴到Excel中,也可以从Excel中直接粘贴数据到页面编辑器中.支持Button粘贴和Ctrl+C/Ctrl+V快捷键复制粘贴. 本以为这个功能会很简单,但是查了很多资料,用JS操作粘贴板IE下很好用,直接支持一个window.clipboardData对象,通过这个对象可以访问到粘贴板中内容.但是chrome和firefox支持不是很好.Chrome和firefox为