input onpaste事件

function afterPaste() {var clipData = clipboardData;var text = clipData.getData('text'); //剪贴板数据 var reg = /\s/g;var ntxt = text.replace(reg, "");var that = this;//this.value = ntxt; 这种方式不行 必须setTimeout（） setTimeout(function() {document.querySelector("#temp").value = ntxt},1);
}function beforePaste() {var clipData = clipboardData;var text = clipData.getData('text'); //剪贴板数据     var reg = /\s/g;var ntxt = text.replace(reg, "");clipData.setData("text", ntxt);
}

页面中input是不能粘贴进去换行符的的例如（ff，chrome会自动替换换行符，所以如果是chrome或者ff的话就不需要此方法了）

####

123123123
撒的发生的发斯蒂芬
阿萨德发斯蒂芬

###

粘贴到input时只能留下123123123。

解决的办法有两种

1.将input换成textarea，缺点textarea不能提交到后台（原生）

2.自己写js将clipboardData中的数据处理后在赋给input。这里有两个方法可以处理

2.1 onpaste （可以叫onafterpaste）如果在这里边处理的话要用setTimeout（），不太优雅。

2.2 onbeforepaste 这里边可以将剪贴板的值处理后再放回剪贴板，然后粘贴到input时就是正确的数据了(推荐)，

既然有第二种方法了为什么还要第一种方法呢，这是因为onbeforepaste方法只有ie浏览器支持，chrome，ff只有onpaste方法。如果为了兼容的话就只能用不优雅的地一种方法了。
*/

input onpaste事件相关推荐

jQuery文本框(input textare)事件绑定方法教程
jquery 的事件绑定已经用on替换了原来的bind,接下来为大家分享下bind的使用方法及input textare事件.目前1.7以上,jquery?的事件绑定已经用on替换了原来的bind,接 ...
js onpaste事件，禁止粘贴
js onpaste事件,禁止粘贴 js中有个禁止粘贴的事件onpaste:主要在用户填写信息,注册等地方使用,用户填写一些非常重要的信息的时候,比如手机号码,确认邮箱等,防止用户第一次输入错误,第二 ...
input onblur事件在chrome/safari中失效
解决方案:chrome/safari中的input onblur事件要先调用focus()的.示例: <script type="text/javascript" src=& ...
input鼠标事件（快捷手册）
input鼠标事件(快捷手册) JS函数定义和用法注意提示 @input 除了IE外浏览器下的onpropertychange,区别是通过js.select改变值不触发注意文字提示文字 @c ...
element-ui 搜索框组件：监听input键盘事件 - 代码篇
踩坑:vue + element-ui 框架监听input键盘事件 - 含demo演示代码示下: html部分: <el-inputplaceholder="职位 | 地区 | 工作 ...
vue输入框输入触发事件_.vue文件中监听input输入事件oninput详解
.vue文件其实是一个组件,关于它的说明我之前也写过一篇文章,地址:.vue文件,今天这篇文章要讲的是.vue文件中监听input的输入值变化事件.需求是这页面中,改变input的值,就调用一个事件, ...
input输入框事件流程变化
从聚焦到失去焦点,以下事件会根据情况,先后判断是否会执行. onfocus -> 键盘输入 -> onkeydown -> onkeypress -> onkeyup -> ...
iview input blur事件
iview input blur事件对于 iview 中的 Input事件仅仅介绍 on-blur 事件,其他事件用法蕾丝. <template><Input v-model=&q ...
vue点击创建input内容_vue.js怎么给input添加事件
vue.js给input添加事件的方法:1.使用[v-on]指令可以添加事件监听,代码为[v-on:eventName="fn"]:2.使用回调函数的参数[$event]来当前触发 ...

input onpaste事件

input onpaste事件相关推荐

最新文章

热门文章