JavaScript 操作剪贴板

一、剪切板相关事件

事件	描述
copy	在发生复制操作时触发
cut	在发生剪切操作时触发
paste	在发生粘贴操作时触发
beforecopy	在发生复制操作前触发
beforeecut	在发生剪切操作前触发

二、剪切板工具类

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;
        }
    }
};

var textbox = document.forms[0].elements["textbox1"]
EventUtil.addHandler(textbox, "paste", function (event) {
    event = EventUtil.getEvent(event);
    var text = EventUtil.getClipboardText(event);

    if (!/^\d*$/.test(text)) { // 判断内容是否为数值，不是则不让粘贴
        EventUtil.preventDefault(event);
    }
});

var textbox = document.forms[0].elements["textbox1"]
EventUtil.addHandler(textbox, "copy", function (event) {
    event = EventUtil.getEvent(event);
    EventUtil.preventDefault(event);
    EventUtil.setClipboardText(event, "Hello world!");
});

一、js触发剪切板事件

document.execCommand('copy'); 	// 触发复制事件
document.execCommand('paste');	// 触发粘贴事件
document.execCommand('cut');	//触发剪切事件