<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!--clipboardjs.com 下載插件 并引入-->
<script type="text/javascript" src="./dist/clipboard.min.js"></script>
</head>
<body id="myBody">
<!--只能復制input 和 textarea元素的內(nèi)容-->
<input type="text" id="copyVal" value="被復制內(nèi)容" />
<button class="copyBtn" data-clipboard-action="cut" data-clipboard-target="#copyVal">
<img src="assets/clippy.svg" alt="Copy to clipboard">
</button>
<script>
var copyBtn = new ClipboardJS('.copyBtn'); // 創(chuàng)建ClipboardJS對象
// 監(jiān)聽復制成功事件
copyBtn.on("success",function(e){ // 創(chuàng)建ClipboardJS對象
alert(e.text); // 復制的文字
});
// 監(jiān)聽復制失敗事件
copyBtn.on("error",function(e){
alert("some error");
});
</script>
</body>
</html>
JS通用clipboard - https://clipboardjs.com/
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門钠右,熙熙樓的掌柜王于貴愁眉苦臉地迎上來赋元,“玉大人,你說我怎么就攤上這事飒房∶锹剑” “怎么了?”我有些...
- 文/不壞的土叔 我叫張陵情屹,是天一觀的道長。 經(jīng)常有香客問我杂腰,道長垃你,這世上最難降的妖魔是什么? 我笑而不...
- 正文 為了忘掉前任喂很,我火速辦了婚禮惜颇,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘少辣。我一直安慰自己凌摄,他們只是感情好,可當我...
- 文/花漫 我一把揭開白布漓帅。 她就那樣靜靜地躺著锨亏,像睡著了一般。 火紅的嫁衣襯著肌膚如雪忙干。 梳的紋絲不亂的頭發(fā)上器予,一...
- 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼雷则!你這毒婦竟也來了辆雾?” 一聲冷哼從身側(cè)響起,我...
- 正文 年R本政府宣布划煮,位于F島的核電站,受9級特大地震影響缔俄,放射性物質(zhì)發(fā)生泄漏弛秋。R本人自食惡果不足惜,卻給世界環(huán)境...
- 文/蒙蒙 一俐载、第九天 我趴在偏房一處隱蔽的房頂上張望蟹略。 院中可真熱鬧,春花似錦遏佣、人聲如沸挖炬。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽意敛。三九已至,卻和暖如春膛虫,著一層夾襖步出監(jiān)牢的瞬間空闲,已是汗流浹背。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 上海網(wǎng)站建設哪家強 推薦上海鹿名役衡。上海鹿名網(wǎng)絡科技有限公司(www.lhshegong.com)是一家專業(yè)從事企業(yè)...