一鍵復(fù)制功能的實(shí)現(xiàn)

使用插件clipboard.js來實(shí)現(xiàn)這個交互妄帘,戳我去官網(wǎng)?~該js是不依賴flash將文本復(fù)制到剪切版的插件,兼容性良好池凄,整個js才2kb抡驼。多次實(shí)踐,值得推薦~

PS:遇到實(shí)在復(fù)制不了的機(jī)型或app肿仑,不用太鉆牛角尖~建議提示復(fù)制失敗的同時致盟,追加讓用戶手動復(fù)制的引導(dǎo)交互~


實(shí)現(xiàn)步驟

1、下載js尤慰,頁面引入clipboard.min.js

2馏锡、需要點(diǎn)擊復(fù)制的dom添加data-clipboard-text屬性,屬性值為要拷貝的內(nèi)容

? 如:<button class="copyBtn" data-clipboard-text="">點(diǎn)擊復(fù)制</button>

3伟端、添加復(fù)制js事件

交互js


具體的使用方法官網(wǎng)都有~可以學(xué)習(xí)~有問題可留言交流~mua~

完...

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末眷篇,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子荔泳,更是在濱河造成了極大的恐慌,老刑警劉巖虐杯,帶你破解...
    沈念sama閱讀 211,561評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件玛歌,死亡現(xiàn)場離奇詭異,居然都是意外死亡擎椰,警方通過查閱死者的電腦和手機(jī)支子,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,218評論 3 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來达舒,“玉大人值朋,你說我怎么就攤上這事」” “怎么了昨登?”我有些...
    開封第一講書人閱讀 157,162評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長贯底。 經(jīng)常有香客問我丰辣,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,470評論 1 283
  • 正文 為了忘掉前任笙什,我火速辦了婚禮飘哨,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘琐凭。我一直安慰自己芽隆,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,550評論 6 385
  • 文/花漫 我一把揭開白布统屈。 她就那樣靜靜地躺著胚吁,像睡著了一般。 火紅的嫁衣襯著肌膚如雪鸿吆。 梳的紋絲不亂的頭發(fā)上囤采,一...
    開封第一講書人閱讀 49,806評論 1 290
  • 那天,我揣著相機(jī)與錄音惩淳,去河邊找鬼蕉毯。 笑死,一個胖子當(dāng)著我的面吹牛思犁,可吹牛的內(nèi)容都是我干的代虾。 我是一名探鬼主播,決...
    沈念sama閱讀 38,951評論 3 407
  • 文/蒼蘭香墨 我猛地睜開眼激蹲,長吁一口氣:“原來是場噩夢啊……” “哼棉磨!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起学辱,我...
    開封第一講書人閱讀 37,712評論 0 266
  • 序言:老撾萬榮一對情侶失蹤乘瓤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后策泣,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體衙傀,經(jīng)...
    沈念sama閱讀 44,166評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,510評論 2 327
  • 正文 我和宋清朗相戀三年萨咕,在試婚紗的時候發(fā)現(xiàn)自己被綠了统抬。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,643評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡危队,死狀恐怖聪建,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情茫陆,我是刑警寧澤金麸,帶...
    沈念sama閱讀 34,306評論 4 330
  • 正文 年R本政府宣布,位于F島的核電站盅弛,受9級特大地震影響钱骂,放射性物質(zhì)發(fā)生泄漏叔锐。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,930評論 3 313
  • 文/蒙蒙 一见秽、第九天 我趴在偏房一處隱蔽的房頂上張望愉烙。 院中可真熱鬧,春花似錦解取、人聲如沸步责。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,745評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽蔓肯。三九已至,卻和暖如春振乏,著一層夾襖步出監(jiān)牢的瞬間蔗包,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,983評論 1 266
  • 我被黑心中介騙來泰國打工慧邮, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留调限,地道東北人。 一個月前我還...
    沈念sama閱讀 46,351評論 2 360
  • 正文 我出身青樓误澳,卻偏偏與公主長得像耻矮,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子忆谓,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,509評論 2 348

推薦閱讀更多精彩內(nèi)容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5裆装? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 27,449評論 1 45
  • 本文介紹了JS與剪貼板相關(guān)的功能倡缠。 1.背景 事情的起因是使用阿里巴巴矢量圖標(biāo)庫哨免,使用頁面大概長得是這樣的 從圖庫...
    固體物理學(xué)閱讀 13,223評論 1 3
  • Swift1> Swift和OC的區(qū)別1.1> Swift沒有地址/指針的概念1.2> 泛型1.3> 類型嚴(yán)謹(jǐn) 對...
    cosWriter閱讀 11,092評論 1 32
  • 兩年前用過solr5.1版本的,當(dāng)時只是簡單入個門昙沦,拿來在項(xiàng)目里建個全文索引铁瞒,然后再query,其他什么也沒做桅滋,還...
    Coselding閱讀 3,082評論 3 22
  • 古時候男子上門提親丐谋,如果姑娘滿意,就會一臉?gòu)尚叩恼f:“終身大事全憑父母做主煌珊『爬”,如果不滿意就會說:“女兒還想孝敬父...
    茄子懸賞閱讀 576評論 1 0