场景

示例代码：

<input type="text" id="chineseLastName"
name="chineseLastName"
maxlength="16"
class="required w_20 fl h_36em line_h_36em c_gray_777 bor_rad_05em bor_gray_ddd border bg_white"
value="${contact.chineseLastName }"
placeholder="中文姓(拼音)"
data-tip="请输入中文姓(拼音)"
data-valid="isNonEmpty"
data-error= "中文姓(拼音)不能为空"
onkeyup="value=value.replace(/[^a-zA-Z]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^a-zA-Z]/g,''))"/>

注：

onkeyup="value=value.replace(/[^a-zA-Z]/g,'')"

是主要实现代码，通过这个属性设置可以设置只能输入英文。

onbeforepaste：

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

Input中onbeforepaste的作用相关推荐

在js中获取input中的value
1.前提:我导入了这些js,不知道有没有依赖作用 <script type="text/javascript" src="js/jquery-3.3.1.js&qu ...
html中scope的作用,AngularJS 作用域(Scope)
AngularJS 作用域(Scope) 作用域(Scope) 是一个存储应用数据模型的对象为表达式提供了一个执行上下文作用域的层级结构对应于 DOM 树结构作用域可以监听表达式的变化并 ...
mysql leave的作用_MySQL数据库中DELIMITER的作用
以下的文章主要是向大家描述的是MySQL数据库中delimiter的作用是什么?我们一般都认为这个命令和存储过程关系不大,到底是不是这样的呢?以下的文章将会给你相关的知识,望你会有所收获. 下面是一个 ...
mysql delimiter的作用_MySQL数据库中delimiter的作用概述
以下的文章主要是向大家描述的是MySQL数据库中delimiter的作用是什么?我们一般都认为这个命令和存储过程关系不大,到底是不是这样的呢?以下的文章将会给你相关的知识,望你会有所收获. 其实就是告 ...
【杂记】（input获取焦点失去焦点、获取input中输入的值、键盘事件、js事件、Math 属性、手机自适应meta定义、去掉input内置阴影、图片居中、去蓝色默认背景、点击去掉默认边框）
1. input获取焦点失去焦点 input:focus{border:1px red solid:} 获取焦点 .focus()失去焦点.blur() 2. 获取input中输入的值 <inp ...
26.Vue列表渲染中key的作用与原理（内含虚拟DOM的对比算法详解）
目录 1.暴露问题,使用index作为key 2.使用唯一标识p.id作为key 3.不写key的配置 4.key的工作原理及虚拟DOM的对比算法 5.总结 25.Vue列表渲染_爱米酱的博客-CSD ...
html中input中type属性值,HTML的input中type属性的属性值包括哪些
HTML的input中type属性的属性值包括哪些 (2011-11-25 16:44:40) 标签: 杂谈 1.取消按钮按下时的虚线框,在input里添加属性值 hideFocus 或者 HideF ...
python何时用try_python中try的作用是什么
python中try的作用是什么发布时间:2020-08-05 13:45:21 来源:亿速云阅读:96 作者:小新小编给大家分享一下python中try的作用是什么,相信大部分人都还不怎么了解 ...
【Vue】中Key的作用
Vue中key的作用虚拟DOM 虚拟DOM 本质上是一个js对象 ,通过对象来表示真实的DOM结构. key是虚拟DOM对象的标识,当状态中的数据发生变化时,Vue会根据新数据生成新的虚拟DO ...

Input中onbeforepaste的作用

场景

Input中onbeforepaste的作用相关推荐

最新文章

热门文章