運行效果圖:
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
主站蜘蛛池模板: 中文字幕日韩一区二区三区不卡 | 国产一区二区三区精品视频 | 国产欧美日韩一区二区三区在线 | 国产 日韩 欧美 亚洲 | 国产91精品黄网在线观看 | 老子影院午夜久久亚洲 | 久久久久久亚洲精品影院 | 欧美高清在线精品一区二区不卡 | 亚欧免费视频一区二区三区 | 国产免费观看网站 | 久久91精品国产99久久yfo | 久久久久久久国产a∨ | 婷婷综合色 | 黄色一级视频免费 | 欧美成人免费xxx大片 | 国产高清在线精品一区二区三区 | 欧美国产综合在线 | 美女视频黄a视频全免费网站色 | 国产高清视频在线观看 | 97伊人网 | 日韩欧美在线观看 | 亚洲欧美h | 亚洲色图第一页 | 欧美精品在线一区 | 国产高清美女一级毛片久久 | 性插网站| 国产在线精品一区二区 | 国产自在线拍 | 久久99精品国产麻豆宅宅 | 国产1区2区 | 图片专区亚洲 欧美 另类 | 国产大片91精品免费观看不卡 | 亚洲专区路线一路线二天美 | 91中文字幕在线播放 | 九一毛片 | 欧美日韩精品一区二区三区四区 | 国产在线午夜 | 国产国语一级a毛片高清视频 | 欧美性xxxx极品高清 | 久久精品国产99久久99久久久 | 一级成人a毛片免费播放 |