js 剪切板应用clipboardData详细解析(2)

日期：2020-06-11 栏目：程序人生浏览：次

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Window对象的属性02</title>
    <script language="javascript" type="text/javascript">
        /*
            window.screen对象：屏幕对象，包含了屏幕的相关信息。
            window.clipboardData对象：剪贴板对象，对剪贴板操作的对象。(在网页内只能支持复制或者设置文本格式的)
            clearData("Text"):清空剪贴板
            getData("Text"):读取剪贴板的值，在IE中只能支持Text文本格式
            setData("Text",value):设置剪贴板中的值
            案例：复制地址给好友，见备注
            禁止复制：body oncopy事件中设置 return false；
            oncopy、onpase事件：复制、粘贴事件，可用于多数控件
        */

        //屏幕分辨率
        function screenInfo() {

if (window.screen.width < 1024 || window.screen.height < 768) {
                window.alert("您的电脑属于史前产物！");
                return;
            }
            window.alert("您的分辨率是：" + window.screen.width + " " + window.screen.height);

}

//复制地址给好友
function operClipBoard() {

var divObj = document.getElementById("divClipBoard");
            var content = divObj.innerText;
            content = "您复制的内容是：" + content + " \r\n 资源来源：" + window.location.href;
            window.alert('复制成功！');
            //客户复制完之后，这个属性才会显示内容
            window.alert(window.clipboardData.getData("text"));
            window.clipboardData.setData("Text",content);
        }

//网页禁止复制
function forbidCopy() {

window.alert("网页的内容，自能看，不能动！");
            return false;
        }
    </script>
</head>
<body oncopy="forbidCopy();" >
    <form runat="server">
    <div >
        https://www.jb51.net
    </div>
    <hr />
    输入密码：
    <input type="text" oncopy="window.alert('禁止复制!');return false;" />
    再输入一边密码：
    <input type="text" onpaste="window.alert('禁止粘贴!');return false;" />
    </form>
</body>
</html>

复制代码代码如下:

转载注明出处：https://www.heiqu.com/wdwgfs.html

js 剪切板应用clipboardData详细解析(2)

相关推荐