Javascript操作剪切板数据(支持IE、Chrome、360、搜狗)
2014-01-17 17:13
826 查看
近日,项目上需要在WEB页面上操作剪切板中的数据,经过一顿搜索,终于找到了一个比较完美的解决办法。
当然,在实际应用时还要自行修改一下。经过测试,目前支持IE、Chrome、360、搜狗等浏览器,其它浏览器还未验证。
参考自:http://www.w3cmm.com/javascript/operation-clipboard.html
当然,在实际应用时还要自行修改一下。经过测试,目前支持IE、Chrome、360、搜狗等浏览器,其它浏览器还未验证。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Untitled</title> <script> var EventUtil = { addHandler: function (element, type, handler) { if (element.addEventListener) { element.addEventListener(type, handler, false); } else if (element.attachEvent) { element.attachEvent("on" + type, handler); } else { element["on" + type] = handler; } }, getEvent: function (event) { return event ? event : window.event; }, 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); } }, preventDefault: function (event) { if (event.preventDefault) { event.preventDefault(); } else { event.returnValue = false; } } }; </script> </head> <body> <form name="f1"> 文本框:<input type="text" name="textbox1" id="textbox1" value=""/> </form> </body> <script> var textbox = document.forms[0].elements["textbox1"] EventUtil.addHandler(textbox, "paste", function (event) { event = EventUtil.getEvent(event); var text = EventUtil.getClipboardText(event); alert(text); //if (!/^\d*$/.test(text)) { //EventUtil.preventDefault(event);//非数字则取消粘贴 //} }); </script> </html>
参考自:http://www.w3cmm.com/javascript/operation-clipboard.html
相关文章推荐
- Javascript操作剪切板数据(支持IE、Chrome、360、搜狗),亲测!
- 目前Lodop支持IE系列、IE内核系列(遨游、360、世界之窗、腾讯TT、搜狗等)浏览器,以及Firefox(火狐)系列、Chrome(谷歌)系列、Opera系列、Safari系列等Windows下
- 编写了一个支持firefox和ie的javascript+xml进行数据分页的程序
- js复制兼容:ZeroClipboard复制到剪切板(支持IE、FF、Chrome)
- ASP.NET MVC WebApi 返回数据类型序列化控制(json,xml) 用javascript在客户端删除某一个cookie键值对 input点击链接另一个页面,各种操作。 C# 往线程里传参数的方法总结 TCP/IP 协议 用C#+Selenium+ChromeDriver 生成我的咕咚跑步路线地图 (转)值得学习百度开源70+项目
- 支持ie与FireFox的剪切板操作代码
- 火狐,chrome和IE都支持的复制剪切板功能window.clipboardData.setData
- JS 在页面上直接将json数据导出到excel,支持chrome,edge,IE10+,IE9,IE8,Safari,Firefox
- 支持所有浏览器的复制文本到剪切板的ASP代码(IE/Firefox/Opera/netscape/chrome/safari)
- JS 在页面上直接将json数据导出到excel,支持chrome,edge,IE10+,IE9,IE8,Safari,Firefox
- 支持ie与FireFox的剪切板操作代码
- js复制兼容:ZeroClipboard复制到剪切板(支持IE、FF、Chrome)
- javascript 操作剪切板 ie firefox 兼容
- javascript 操作剪切板 ie firefox 兼容
- jquery用ajax向ashx传递数据,测试360,FIrefox都支持,唯独IE出现
- 一段简单 javascript 的代码,用来验证日期的格式,支持闰年,支持 IE、Fixfox、Chrome 等主流浏览器
- asp.net+javascript+css(模仿google的拖拽的个性网页布局)(操作数据库篇2)
- JavaScript 判断 Chrome 内核的 360 浏览器(关闭页面并提示)
- javascript 支持ie和firefox杰奇翻页函数