• Javascript操作剪切板数据(支持IE、Chrome、360、搜狗),亲测!


    clipboarddata只能在IE浏览器中使用,在chrome下会提示对象未定义!以下的方法支持IE、Chrome、360、搜狗等浏览器,其它浏览器还未验证。

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
        <title>js操作剪切板测试</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.length);
            //if (!/^d*$/.test(text)) {
            EventUtil.preventDefault(event);//取消粘贴
            //}
        });
    
    </script>
    </html>
    

    参考自:http://blog.csdn.net/qwlovedzm/article/details/18412193

        http://www.w3cmm.com/javascript/operation-clipboard.html

  • 相关阅读:
    [置顶] 也论百度轻应用--一个开发者的吐槽
    HDU 1506 Largest Rectangle in a Histogram
    [置顶] 搭建apache+tomcat+memcached集群环境
    (step8.2.6)hdu 1848(Fibonacci again and again——组合博弈)
    SQL2005、2008、2000 清空删除日志
    网络获取北京时间和系统时间
    C++界面库
    Cocos2d-X游戏开发之Windows7+VS2010环境搭建(亲测)
    华为面试题——一道关于指针方面的编程题(C/C++)
    java之Math
  • 原文地址:https://www.cnblogs.com/mumble/p/4885394.html
Copyright © 2020-2023  润新知