码迷,mamicode.com
首页 > Web开发 > 详细

JS 文档拷贝(复制)和粘贴事件

时间:2020-03-18 18:56:59      阅读:117      评论:0      收藏:0      [点我收藏+]

标签:html   clip   span   clipboard   read   ready   document   pre   event   

给页面中的内容绑定复制/粘贴事件(必须写在页面加载时候):

js代码:

$(document).ready(function(){
    $(".spans").bind({
        copy: function(e) { //copy event
            var cpTxt = $("span[class=‘spans‘]").html();
            var clipboardData = window.clipboardData; //for IE
            if (!clipboardData) { // for chrome
                clipboardData = e.originalEvent.clipboardData;
            }
    
            clipboardData.setData(‘Text‘, cpTxt);
            
            return false;
        },
        paste: function(e) { //paste event
            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‘);
        }
    });
});

html代码:

<span class="spans">要复制的内容</span>

 

JS 文档拷贝(复制)和粘贴事件

标签:html   clip   span   clipboard   read   ready   document   pre   event   

原文地址:https://www.cnblogs.com/shuilangyizu/p/12518928.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!