最近在做一個東西，需要的是復制文本裏的內容

稍微研究了下關於H5的復制粘貼到剪切板的api，感覺兼容不盡人意

要麽就是瀏覽器之間，要麽就是方法需要支持https才可以，尋找了很久才找到一個符合我期許的一個插件clipboard.js

使用方法也是比較簡單，直接引入js就可以使用，非常的方便快捷

1 <script type=‘text/javascript‘ src="https://cdn.staticfile.org/clipboard.js/1.5.15/clipboard.min.js"></script>

然後就是在html加入相對應的屬性

<p class="input_copy"
 
 data-clipboard-text="" onClick="copy_data()" id="copp">復制開票信息</p>

data-clipboard-text就是要引入的屬性，裏面的值就是復制到剪切板裏面的東西

<script type="text/javascript">
    function copy_data()
    {
        var res_data=‘123213‘;//這裏我是要獲取很多copy的信息做的處理,沒有可以直接用空擋下面獲取單行的值
        $("#copp").attr("data-clipboard-text
 
",res_data);

        var clipboard = new Clipboard(‘.input_copy‘).on(‘success‘, function(e) {
            var e = e || window.event;
            alert(‘復制成功‘);
        }).on(‘error‘, function(e) {});
    }
</script>

這樣就成功了，ios11,安卓基本上都可以，瀏覽器google，360極速

暫時就這麽多，記錄一下

瀏覽器點擊復制粘貼到剪切板的解決