最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

JavaScript實(shí)現(xiàn)復(fù)制內(nèi)容到粘貼板代碼

 更新時(shí)間:2016年03月31日 09:23:23   作者:philips  
最近做了一個(gè)前端項(xiàng)目,其中有需求:通過button直接把input或者textarea里的值復(fù)制到粘貼板里。下面小編給大家分享JavaScript實(shí)現(xiàn)復(fù)制內(nèi)容到粘貼板代碼,需要的朋友參考下

最近做了一個(gè)前端項(xiàng)目,其中有需求:通過button直接把input或者textarea里的值復(fù)制到粘貼板里。下面小編把我實(shí)現(xiàn)思路及代碼分享給大家,大家可以直接引入項(xiàng)目中。

具體代碼如下所示:

function copyToClipboard(elem) {
// create hidden text element, if it doesn't already exist
var targetId = "_hiddenCopyText_";
var isInput = elem.tagName === "INPUT" || elem.tagName === "TEXTAREA";
var origSelectionStart, origSelectionEnd;
if (isInput) {
// can just use the original source element for the selection and copy
target = elem;
origSelectionStart = elem.selectionStart;
origSelectionEnd = elem.selectionEnd;
} else {
// must use a temporary form element for the selection and copy
target = document.getElementById(targetId);
if (!target) {
var target = document.createElement("textarea");
target.style.position = "absolute";
target.style.left = "-9999px";
target.style.top = "0";
target.id = targetId;
document.body.appendChild(target);
}
target.textContent = elem.textContent;
}
// select the content
var currentFocus = document.activeElement;
target.focus();
target.setSelectionRange(0, target.value.length);
// copy the selection
var succeed;
try {
succeed = document.execCommand("copy");
} catch(e) {
succeed = false;
}
// restore original focus
if (currentFocus && typeof currentFocus.focus === "function") {
currentFocus.focus();
}
if (isInput) {
// restore prior selection
elem.setSelectionRange(origSelectionStart, origSelectionEnd);
} else {
// clear temporary content
target.textContent = "";
}
return succeed;
}

我們可以這樣直接調(diào)用這個(gè)方法:

copyToClipboard(document.getElementById("name"));

這樣id為name的值進(jìn)入了粘貼板了。

關(guān)于JavaScript實(shí)現(xiàn)復(fù)制內(nèi)容到粘貼板代碼小編就給大家介紹到這里,希望對(duì)大家有所幫助!

相關(guān)文章

  • String字符串截取的四種方式總結(jié)

    String字符串截取的四種方式總結(jié)

    下面小編就為大家?guī)硪黄猄tring字符串截取的四種方式總結(jié)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-11-11
  • JavaScript快速實(shí)現(xiàn)日歷效果

    JavaScript快速實(shí)現(xiàn)日歷效果

    這篇文章主要為大家詳細(xì)介紹了JavaScript快速實(shí)現(xiàn)日歷效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-03-03
  • 基于JavaScript構(gòu)建一個(gè)動(dòng)態(tài)博客應(yīng)用

    基于JavaScript構(gòu)建一個(gè)動(dòng)態(tài)博客應(yīng)用

    這篇文章主要為大家詳細(xì)介紹了如何基于JavaScript構(gòu)建一個(gè)動(dòng)態(tài)博客應(yīng)用,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
    2024-02-02
  • javascript實(shí)現(xiàn)發(fā)送短信驗(yàn)證碼案例

    javascript實(shí)現(xiàn)發(fā)送短信驗(yàn)證碼案例

    這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)發(fā)送短信驗(yàn)證碼案例,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-07-07
  • BootStrap+Mybatis框架下實(shí)現(xiàn)表單提交數(shù)據(jù)重復(fù)驗(yàn)證

    BootStrap+Mybatis框架下實(shí)現(xiàn)表單提交數(shù)據(jù)重復(fù)驗(yàn)證

    這篇文章主要介紹了BootStrap+Mybatis框架下實(shí)現(xiàn)表單提交數(shù)據(jù)重復(fù)驗(yàn)證功能,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下
    2017-03-03
  • JavaScript中按位“異或”運(yùn)算符使用介紹

    JavaScript中按位“異或”運(yùn)算符使用介紹

    按位“異或”運(yùn)算符 (^)是對(duì)兩個(gè)表達(dá)式執(zhí)行按位異或,下面為大家介紹下其具體的使用方法
    2014-03-03
  • 微信小程序?qū)崿F(xiàn)計(jì)算器功能

    微信小程序?qū)崿F(xiàn)計(jì)算器功能

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)計(jì)算器功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-07-07
  • 詳解微信小程序開發(fā)之formId使用(模板消息)

    詳解微信小程序開發(fā)之formId使用(模板消息)

    這篇文章主要介紹了詳解微信小程序開發(fā)之formId使用(模板消息),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-08-08
  • js判斷url是否有效的兩種方法

    js判斷url是否有效的兩種方法

    本篇文章主要是對(duì)js判斷url是否有效的兩種方法進(jìn)行了詳細(xì)的介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助
    2014-03-03
  • 如何用JavaScript實(shí)現(xiàn)功能齊全的單鏈表詳解

    如何用JavaScript實(shí)現(xiàn)功能齊全的單鏈表詳解

    這篇文章主要給大家介紹了關(guān)于如何用JavaScript實(shí)現(xiàn)功能齊全的單鏈表的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-02-02

最新評(píng)論

怀来县| 兴国县| 肥乡县| 佳木斯市| 和龙市| 凭祥市| 临潭县| 永吉县| 莒南县| 陇西县| 大洼县| 敦煌市| 文化| 广宗县| 微博| 和田县| 信丰县| 枣庄市| 贡山| 稻城县| 上蔡县| 怀柔区| 万宁市| 湟源县| SHOW| 运城市| 通渭县| 黑山县| 石渠县| 兴山县| 沈丘县| 迭部县| 嘉义市| 三台县| 河北省| 商洛市| 平和县| 平南县| 潍坊市| 钟山县| 仁怀市|