前端实现从剪贴板中获取数据

阅读更多
//绑定在了body上,也可以绑定在其他可用元素行,但是不是所有元素都支持copy和past事件。
$(document.body).bind({
	copy: function(e) {//copy事件
		var cpTxt = "复制的数据";
		var clipboardData = window.clipboardData; //for IE
		if (!clipboardData) { // for chrome
			clipboardData = e.originalEvent.clipboardData;
		}
		//e.clipboardData.getData('text');//可以获取用户选中复制的数据
		clipboardData.setData('Text', cpTxt);
		alert(cpTxt);
		$('#message').text('Copy Data : ' + cpTxt);
		return false;//否则设不生效
	},paste: function(e) {//paste事件
		var eve = e.originalEvent
		var cp = eve.clipboardData;
		var data = null;
		var clipboardData = window.clipboardData; // IE
		if (!clipboardData) { //chrome
			clipboardData = e.originalEvent.clipboardData
		}
		data = clipboardData.getData('Text');
		$('#message').html(data);
	}
});

---------------------
作者:赛小文
来源:CSDN
原文:https://blog.csdn.net/hackersaillen/article/details/45694181
版权声明:本文为博主原创文章,转载请附上博文链接!

你可能感兴趣的:(前端实现从剪贴板中获取数据)