運行效果圖:
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
主站蜘蛛池模板: 亚洲精品乱码久久久久久v 亚洲精品免费观看 | 免费观看亚洲视频 | 亚洲欧洲国产成人综合一本 | 97精品国产97久久久久久 | 亚洲国产精品嫩草影院久久 | 日韩欧美一区二区三区在线播放 | 国产精品综合一区二区 | 国产精品久久久久久一区二区 | 国产亚洲欧美一区二区 | 欧美在线不卡视频 | 亚洲综合一区二区 | 在线观看网站国产 | 国产视频资源在线观看 | 精品日韩欧美国产一区二区 | 夜精品a一区二区三区 | 欧美日韩另类在线 | 精品欧美一区二区在线观看 | 亚洲精品自产拍在线观看app | 亚洲一区二区三区夜色 | 蜜桃视频一区二区三区四区 | 国产在线精彩视频 | 中文字幕一区二区三区在线观看 | 国产网站在线免费观看 | 日韩成人在线观看视频 | 欧美爱爱图 | 亚洲人一区 | 欧美日韩精品一区二区在线播放 | 国产在线播放一区 | 国产精品一区在线观看 | 成人a毛片免费视频观看 | 欧美网站在线观看 | 亚洲国产一区二区三区精品 | 亚洲 欧美 日韩 另类 | 国产视频观看 | 午夜视频在线 | 欧美亚洲综合一区 | 中国亲与子乱αy | 久久一| 国产精品高清一区二区三区不卡 | 欧美色图亚洲天堂 | 99精品欧美一区二区三区综合在线 |