1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > js访问剪切板 先处理需要粘贴的文本后 再进行文本粘贴

js访问剪切板 先处理需要粘贴的文本后 再进行文本粘贴

时间:2022-09-24 19:47:55

相关推荐

js访问剪切板 先处理需要粘贴的文本后 再进行文本粘贴

需求:

在一些查询input输入时,用户可能会从某个地方复制查询数据,然后粘贴到查询表单中,这时可能会造成复制的数据有空格,而恰巧你点表单又进行了位数设置,则复制出来的数据可能会因此少一位。

我的解决方案:

监听粘贴动作,在粘贴前把剪切板里的数据进行去空格处理,然后将处理好的数据添加到input文本框内。

示例代码:

<html><head><title>粘贴监听测试</title><style>DIV#editable {width: 400px;height: 300px;border: 1px dashed blue;}</style><script type="text/javascript">window.onload=function() {//粘贴监听,删除剪切板的空格后进行粘贴function paste_text(e) {debugger;if ( e.clipboardData.items ) {ele = e.clipboardData.items//判断剪切板内复制的是文本alert("type:"+ele[0].type+",kind:"+ele[0].kind);if(ele[0].type=='text/plain' && ele[0].kind=='string'){var text = e.clipboardData.getData('Text');alert("剪切板内容:"+text);//去空格并截取前11位赋值到input中document.getElementById('q_phone').value=text.trim().substring(0,11);}} else {alert('non-chrome');}}document.getElementById('q_phone').onpaste=function(){paste_text(event);return false;};}</script></head><body ><input id="q_phone" type="text" class="form-control input-sm" placeholder="粘贴监听区域" maxlength="11"></body></html>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。