運行效果圖:
HTML
首先加載本地clipboard.js文件。
這里,我們使用了HTML5的data-屬性,用來定位復制對象目標,它指向了文本域#foo,說明復制的是#foo中的value內容,aria-label屬性定義了復制成功后的信息,用來提示復制結果信息。
還有個屬性data-clipboard-action,它定義當前操作是復制還是剪切,默認是復制,當data-clipboard-action="cut",這時,點擊按鈕將會剪切文本,跟WORD操作一樣。當然,剪切操作僅適用于text和textarea。
我們也可以不需要input和textarea等元素內容作為復制對象,我們可以將要復制的內容通過ata-clipboard-text屬性定義在按鈕上,點擊按鈕就可以復制到ata-clipboard-text對應的內容。
Javascript
將以下一句代碼加入到
前的
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
主站蜘蛛池模板: 嘉善县| 冕宁县| 巴林左旗| 广安市| 佛山市| 诸暨市| 义乌市| 泗阳县| 嘉峪关市| 广饶县| 乐陵市| 彭阳县| 香港 | 禹城市| 舞阳县| 郓城县| 竹山县| 汤原县| 丹阳市| 富裕县| 鲜城| 宁波市| 乌拉特中旗| 西乌珠穆沁旗| 鲁甸县| 阿克苏市| 通州市| 页游| 天峨县| 东乡县| 辽中县| 宜宾市| 六安市| 嘉义市| 醴陵市| 吉林省| 敦煌市| 蓬溪县| 达尔| 公主岭市| 休宁县|