js-onbeforepaste详解

我们经常在表单的文本框中做一些验证处理，大家一般都是是限制那些具体要求的输入，而没有考虑到个别用户出于种种原因将文字粘贴到表单的文本域中，这样还是避免不了那些特殊的输入。

onbeforepaste顾名思义：在用户执行粘贴工作之前，进行的js操作。下面请看例子：

<input onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4e00-\u9fa5]/g,''))" >

意思就是：在用户将要粘贴的内容粘入文本框时，clipboardData.getData先读出要粘贴的内容，删除不是汉字的字符，只保留汉字，clipboardData.setData将处理好的字符复制到剪切板，显示在文本框中。

<input onKeyUp="value=value.replace(/[^\d]/g,'') "                 onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" />

这个的话就是第一个的升级版，多了一个onKeyUp属性，这样写既考虑了手动输入的，也考虑了粘贴，完美！！！（第二个是只允许输入数字）

附加：js剪切板应用clipboardData（window的子对象）对象：提供了对剪贴板的访问。
三个方法
1.ClearData(sDataFormat) 删除剪贴板中指定格式的数据。
2.GetData(sDataFormat) 从剪贴板获取指定格式的数据。
3.SetData(sDataFormat, sData) 给剪贴板赋予指定格式的数据，返回 true 表示操作成功。

js-onbeforepaste详解相关推荐

Three.js实例详解___旋转的精灵女孩(附完整代码和资源)（一）
Three.js实例详解___旋转的精灵女孩(附完整代码和资源)(一) 本文目录: 一.[旋转的精灵女孩]案例运行效果二.Three.js简介三.Three.js代码正常运行显示条件 (1)不载入 ...
Python爬虫JS解密详解，学会直接破解80%的网站（一）！！！
文章目录 1.网页查看 2.有道翻译简单实现源码 3.JS解密(详解) 4.python实现JS解密后的完整代码 4.1.实现效果 5.JS解密后完整代码升级版 5.1.实现效果 CSDN独家福利降临 ...
Three.js实例详解___旋转的精灵女孩(附完整代码和资源)（三）
Three.js实例详解___旋转的精灵女孩(附完整代码和资源)(三) 本篇目录: 六.完整构建整个[旋转的精灵女孩]实例 (1).新建.启动webGL工程空间 (2).构建项目的目录层次结构 (2. ...
Three.js实例详解___旋转的精灵女孩(附完整代码和资源)（二）
Three.js实例详解___旋转的精灵女孩(附完整代码和资源)(二) 本篇目录: 五.实例中所使用的代码语法详细解释 (1).构建一个三维空间场景 (2).选择一个透视投影相机作为观察点 (a).创 ...
扬州掼蛋游戏网JS特效详解
WEB前端特效现在是满天飞,今天拿扬州掼蛋游戏网来举例说明jQuery 在现在的 Web 开发项目中扮演着重要角色,借助 jQuery 可以让网站有更好的可用性和用户体验,让访问者对网站留下 ...
JS运算符详解与优先级
JS运算符详解与优先级算术运算符赋值运算符一元运算符比较运算符逻辑运算符运算符优先级算术运算符 + 求和 - 求差 * 求积 / 求商 % 求余取模乘除取余优先级相同,加减优先级相同 ...
Node.js npm 详解
一.npm简介安装npm请阅读我之前的文章Hello Node中npm安装那一部分,不过只介绍了linux平台,如果是其它平台,有前辈写了更加详细的介绍. npm的全称:Node Package M ...
JS正则表达式详解2
JS的正则表达式详解 //校验是否全由数字组成代码 function isDigit(s) { var patrn=/^[0-9]{1,20}$/; if (!patrn.exec(s)) retu ...
html 登录界面js代码,详解JS实现系统登录页的登录和验证
这篇文章用JS显示表单的登录以及验证和对键盘的监听,这里有两种方法,一种是无需用户验证直接登录,一种是需要账户密码匹配才可登录. 1. html代码登录 2.CSS样式 .content{ pad ...
弹幕插件easyDanmaku.js使用详解
easyDanmaku.js弹幕插件使用详解(长期更新) 介绍 A Danmaku plugin for the web,一个用于web端的弹幕插件特点支持TypeScript.使用简单.使用cs ...

js-onbeforepaste详解

js-onbeforepaste详解相关推荐

最新文章

热门文章