- 综合排序
- 最热优先
- 最新优先
- 来自专栏IT笔记
如何限制input输入类型
1.只能输入和粘贴汉字 <input onkeyup="value=value.replace(/1/g,'')" onbeforepaste="<em>clipboardData</em>.setData('text ',<em>clipboardData</em>.getData('text').replace(/2/g,''))">
<input onkeyup="value=value.replace(/[^\u4E00 -\u9FA5]/g,'')" onbeforepaste="<em>clipboardData</em>.setData('text',<em>clipboardData</em>.getData('text').replace(/[^ ('text',<em>clipboardData</em>.getData('text').replace(/3/g,''))">
<input onkeyup="value=value.replace(/[ \W]/g,'') " onbeforepaste="<em>clipboardData</em>.setData('text',<em>clipboardData</em>.getData('text').replace(/[^\d]/3K70发布于 2018-04-13 - 来自专栏程序生涯
Js输入验证
('text',clipboardData. getData_r('text').replace(/[\d]/g,''))" maxlength=10 name="Numbers"> 5.只能输入英文字母和数字 ('text',clipboardData. getData_r('text').replace(/[^\u4E00-\u9FA5]/g,''))"> 只能输入数字： <input onkeyup="value =value.replace(/[^\d]/g,'') "onbeforepaste="<em>clipboardData</em>.setData('text',<em>clipboardData</em>. getData_r('text ('text',<em>clipboardData</em>. getData_r('text').replace(/[^\d]/g,''))"> 控制输入框只能输入文字或数字，也可以不允许输入特殊字符 这里不允许输入如下字符 ('text',clipboardData. getData_r('text').replace(/[^\a-zA-Z\u4E00-\u9FA5]/g,''))"
12.2K40发布于 2020-08-14 - 来自专栏Html5知典
剪贴板——客户端存储
代码示例 复制数据 document.addEventListener('copy', function(e){ e.clipboardData.setData('text/plain', 'Hello ; e.clipboardData.setData('text/html', 'Hello, hudao! 另外，应用程序可以通过event.clipboardData API来控制复制到剪贴板的数据类型和内容。 ; e.clipboardData.setData('text/html', 'Hello, hudao! ){ p rocessDataFromClipboard(e.clipboardData.getData('text/html')); e.preventDefault(); }});
2.3K40发布于 2019-11-26 - 来自专栏Savalone's Blog
js 复制粘贴文章时添加版权信息
\n' + '作者：{content:author}\n' + '链接：{pboot:pageurl}\n'; if(event.clipboardData ){ event.clipboardData.setData("text/html", htmlData); event.clipboardData.setData ("text/plain",textData); } else if(window.clipboardData){ return window.clipboardData.setData
1.7K40发布于 2020-02-11 - 来自专栏前端大全
复制事件添加内容
给网页复制事件添加内容 复制事件添加内容 方法一 document.addEventListener('copy', function (event) { var clipboardData = event.clipboardData || window.clipboardData; if (! (); clipboardData.setData('text/plain', text + '\n\n\n\n\n\n来自DoubleAm的博客(a.biugle.cn)'); } }); event.clipboardData.setData("text/html", htmlData); event.clipboardData.setData("text/plain", textData); } else if (window.clipboardData) { return window.clipboardData.setData("text", textData
77500编辑于 2023-12-11 - 来自专栏Java架构师必看
经典正则表达式
('text',clipboardData.getData('text').replace(/[^/u4E00-/u9FA5]/g,''))" 用正则表达式限制只能输入全角字符： οnkeyup="value =value.replace(/[^/uFF00-/uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData (/[^/uFF00-/uFFFF]/g,''))" 用正则表达式限制只能输入数字：οnkeyup="value=value.replace(/[^/d]/g,'') "onbeforepaste="clipboardData.setData ('text',clipboardData.getData('text').replace(/[^/d]/g,''))" 用正则表达式限制只能输入数字和英文：οnkeyup="value=value.replace (/[/W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d
92430发布于 2021-03-22 - 来自专栏无人打理的花园
本地图文直接复制到富文本编辑器中
else { textElem.innerText = data.items[i].getAs("text/plain"); } } }); 更传统一点的方法是用 e.clipboardData ，监听 document 某个事件，然后拿到当前 clipboard 内容，不过要注意这个方法在 IE 下需要用 e.clipboardData('Text')： if (e && e.clipboardData && e.clipboardData.types && e.clipboardData.getData) { // Check for 'text/html' in types list. back to 'text/plain' as // Safari/Edge don't advertise HTML data even if it is available types = e.clipboardData.types == -1)) { // Extract data and pass it to callback pastedData = e.clipboardData.getData('text
3.5K20发布于 2019-08-16 - 来自专栏Tz一号
原生JS在网页上复制的所有文字后面自动加上一段版权声明
body> <script> // 监听整个网页的copy(复制)事件 document.addEventListener('copy', function (event) { // clipboardData 对象是为通过编辑菜单、快捷菜单和快捷键执行的编辑操作所保留的，也就是你复制或者剪切内容 let clipboardData = event.clipboardData || window.clipboardData clipboardData) { return; } // Selection 对象，表示用户选择的文本范围或光标的当前位置。 toString(); if (text) { // 如果文本存在，首先取消文本的默认事件 event.preventDefault(); // 通过调用常clipboardData clipboardData clipboardData 属性保存了一个 DataTransfer 对象（用户剪切板的内容），这个对象可用于： format数据类型有：text/plain，text/
1.5K20发布于 2020-09-10 - 来自专栏海怪的编程小屋
造一个 copy-to-clipboard 轮子
window.clipboardData 在 IE 9 以下，document.execCommand 可能不被支持（有些贴子说可以，有些贴子说有问题） 针对上面的问题，我们要为 format、e.clipboardData 做兼容，这里有个知识点是在 IE 下，window 会有一个 clipboardData，我们可以把要复制的内容存到 window.clipboardData。 e.clipboardData) { // 只有 IE 11 里 e.clipboardData 一直为 undefined // 这里 format 要转为 IE 11 } else { e.clipboardData.clearData() e.clipboardData.setData(format, text) } 这鬼玩意只有 IE 上有 window.clipboardData.setData(format || 'text', text) // @ts-ignore window.clipboardData
1.1K30编辑于 2022-03-29 - 来自专栏大前端_Web
event事件句柄的封装
}, getClipboardText: function(event){ var clipboardData = (event.clipboardData || window.clipboardData); return clipboardData.getData setClipboardText: function(event, value){ if (event.clipboardData ){ event.clipboardData.setData("text/plain", value); } else if (window.clipboardData){ window.clipboardData.setData("text"
90430发布于 2018-09-27 - 来自专栏星泽V社的博客
给你的网站加一个复制文章自动带版权说明
, autoHide: true }) } }); function setClipboardText(event) { var clipboardData = event.clipboardData || window.clipboardData; if (clipboardData) { event.preventDefault(); var htmlData + '来源：https://www.52xzv.cn/\n\n' + window.getSelection().toString(); clipboardData.setData ('text/html', htmlData); clipboardData.setData('text/plain',textData); } } 然后就完成了，别人复制你网站的东西就会有
77110编辑于 2022-04-29 - 来自专栏dcmickey小站
复制文章自带版权方法
).length > 10) { setClipboardText(e); } }); function setClipboardText(event) { var clipboardData = event.clipboardData || window.clipboardData; if (clipboardData) { event.preventDefault >\n\n' + window.getSelection().toString(); clipboardData.setData('text/html', htmlData ); clipboardData.setData('text/plain',textData); } } </script> 效果 著作权归作者所有。
64620编辑于 2022-06-09 - 来自专栏刘晓杰
js事件浏览器兼容案例
return event.keyCode; } }, getClipboardText: function (event) { var clipboardData = (event.clipboardData || window.clipboardData); return clipboardData.getData("text"); } , setClipboardText: function (event, value) { if (event.clipboardData) { return event.clipboardData.setData("text/plain", value); } else if (window.clipboardData) { return window.clipboardData.setData("text", value); } }, addHandler: function (element
4.9K20发布于 2019-02-21 - 来自专栏Q青之家
typecho复制文章自带版权说明
).length > 10) { setClipboardText(e); } }); function setClipboardText(event) { var clipboardData = event.clipboardData || window.clipboardData; if (clipboardData) { event.preventDefault >\n\n' + window.getSelection().toString(); clipboardData.setData('text/html', htmlData ); clipboardData.setData('text/plain',textData); } } </script> 这段js代码我是放在post.php的 文章内页php
69830发布于 2021-08-11 - 来自专栏季春二九
复制文章自带版权说明
toString().length > 10) { setClipboardText(e); }}); function setClipboardText(event) { var clipboardData = event.clipboardData || window.clipboardData; if (clipboardData) { event.preventDefault() >\n\n' + window.getSelection().toString(); clipboardData.setData('text/html', htmlData ); clipboardData.setData('text/plain',textData); }}这段js代码我是放在post.php的 文章内页php效果：著作权归作者所有。
45950编辑于 2023-07-16 - 来自专栏张家辉的树屋
使用 JS 剪贴板 API
其次研读一下 MDN 的文档 属性 ClipboardEvent.clipboardData 是一个 DataTransfer 对象，它包含了由用户发起的 cut 、 copy 和 paste //获取复制事件 document.addEventListener('copy', function (event) { //获取复制的数据 var clipboardData = event.clipboardData || window.clipboardData; if (! clipboardData) { return; } //返回一个 Selection 对象，表示用户选择的文本范围或光标的当前位置 // 获取当前用户光标选择的文本 if (text) { event.preventDefault(); //重新设置粘贴板的文本 clipboardData.setData
4.8K20发布于 2021-02-02 - 来自专栏zxbk
Typecho文章里添加版权链接 - 纯代码
().toString().length > 10) { setClipboardText(e); } }); function setClipboardText(event) { var clipboardData = event.clipboardData || window.clipboardData; if (clipboardData) { event.preventDefault(); var htmlData >\n\n' + window.getSelection().toString(); clipboardData.setData('text/html', htmlData); clipboardData.setData
60710编辑于 2022-12-27 - 来自专栏Java架构师必看
常用正则表达式
('text',clipboardData.getData('text').replace(/[^/u4E00-/u9FA5]/g,''))" 1.用正则表达式限制只能输入全角字符： οnkeyup=" value=value.replace(/[^/uFF00-/uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData [^/uFF00-/uFFFF]/g,''))" 2.用正则表达式限制只能输入数字：οnkeyup="value=value.replace(/[^/d]/g,'') "onbeforepaste="clipboardData.setData ('text',clipboardData.getData('text').replace(/[^/d]/g,''))" 3.用正则表达式限制只能输入数字和英文：οnkeyup="value=value.replace (/[/W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d
82220发布于 2020-04-22 - 来自专栏前端小叙
js粘贴事件paste简单解析及遇到的坑
(e.clipboardData && e.clipboardData.items) ) { return; } }); 粘贴事件提供了一个clipboardData的属性，如果该属性有 clipboardData介绍 介绍一下clipboardData对象，它实际上是一个DataTransfer类型的对象，DataTransfer 是拖动产生的一个对象，但实际上粘贴事件也是它。 clipboardData的属性介绍 属性 类型 说明 dropEffect String 默认是 none effectAllowed String 默认是 uninitialized files FileList (e.clipboardData && e.clipboardData.items) ) { return ; } for (var i = 0, len = e.clipboardData.items.length ; i < len; i++) { var item = e.clipboardData.items[i]; if (item.kind === "string") {
6.9K60发布于 2018-04-12 - 来自专栏Java帮帮-微信公众号-技术文章全总结
input文本框输入时正则判断
('text',clipboardData.getData('text').replace(/[^\d]/g, ''))"> 方式二： <input ('text',clipboardData.getData('text').replace(/[\d]/g,''))" maxlength=10 name="Numbers"> ('text',clipboardData.getData('text').replace(/[^\d]/g,''))">6.小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号: ('text',clipboardData.getData('text').replace(/[^/u4E00-/u9FA5]/g,''))"> 10、只禁止空格输入 ('text',clipboardData.getData('text').replace(/[^\a-zA-Z\u4E00-\u9FA5]/g,''))" 12、身份证的正则判断
2K30发布于 2018-12-18
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号