国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問(wèn)答1問(wèn)答10問(wèn)答100問(wèn)答1000問(wèn)答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問(wèn)答文章1 問(wèn)答文章501 問(wèn)答文章1001 問(wèn)答文章1501 問(wèn)答文章2001 問(wèn)答文章2501 問(wèn)答文章3001 問(wèn)答文章3501 問(wèn)答文章4001 問(wèn)答文章4501 問(wèn)答文章5001 問(wèn)答文章5501 問(wèn)答文章6001 問(wèn)答文章6501 問(wèn)答文章7001 問(wèn)答文章7501 問(wèn)答文章8001 問(wèn)答文章8501 問(wèn)答文章9001 問(wèn)答文章9501
當(dāng)前位置: 首頁(yè) - 科技 - 知識(shí)百科 - 正文

無(wú)需Flash使用jQuery復(fù)制文字到剪貼板_jquery

來(lái)源:懂視網(wǎng) 責(zé)編:小采 時(shí)間:2020-11-27 21:49:34
文檔

無(wú)需Flash使用jQuery復(fù)制文字到剪貼板_jquery

無(wú)需Flash使用jQuery復(fù)制文字到剪貼板_jquery:如果在網(wǎng)上找一個(gè)關(guān)于如何將一段特定的文本拷貝到剪貼板的解決方案,最可能的結(jié)果就是使用Flash的方案來(lái)做這個(gè)事,雖然使用Flash可以很好地解決這個(gè)問(wèn)題,但是這不是一個(gè)明智的想法,因?yàn)檫@個(gè)產(chǎn)品最終會(huì)消失或者至少是瀏覽器不再提供支持,因此這個(gè)解決方案是
推薦度:
導(dǎo)讀無(wú)需Flash使用jQuery復(fù)制文字到剪貼板_jquery:如果在網(wǎng)上找一個(gè)關(guān)于如何將一段特定的文本拷貝到剪貼板的解決方案,最可能的結(jié)果就是使用Flash的方案來(lái)做這個(gè)事,雖然使用Flash可以很好地解決這個(gè)問(wèn)題,但是這不是一個(gè)明智的想法,因?yàn)檫@個(gè)產(chǎn)品最終會(huì)消失或者至少是瀏覽器不再提供支持,因此這個(gè)解決方案是
如果在網(wǎng)上找一個(gè)關(guān)于如何將一段特定的文本拷貝到剪貼板的解決方案,最可能的結(jié)果就是使用Flash的方案來(lái)做這個(gè)事,雖然使用Flash可以很好地解決這個(gè)問(wèn)題,但是這不是一個(gè)明智的想法,因?yàn)檫@個(gè)產(chǎn)品最終會(huì)消失或者至少是瀏覽器不再提供支持,因此這個(gè)解決方案是沒(méi)有未來(lái)的。雖然可以使用jQuery或者純JavaScript,甚至完全自己寫(xiě),但是當(dāng)有人已經(jīng)創(chuàng)建了一個(gè)解決方案,那么為什么還要重復(fù)發(fā)明輪子呢?讓我們一起看看Clipboard.js吧。

Clipboard.js刪除了Flash組件并且優(yōu)雅地解決了這個(gè)問(wèn)題,需要做的只是引入其腳本,在HTML標(biāo)簽上賦一個(gè)“data-clipboard-target”屬性然后寫(xiě)一小段JavaScript片段。為了演示假定有一個(gè)貨幣轉(zhuǎn)換應(yīng)用,在一個(gè)文本框中輸入數(shù)值時(shí)同時(shí)將兌換結(jié)果顯示在另一個(gè)文本框中,當(dāng)點(diǎn)擊文本框時(shí),會(huì)觸發(fā)事件將其復(fù)制到剪貼板然后顯示一條消息。

下面是我的實(shí)現(xiàn)。

假如這是你的文本框。(我使用MVC框架創(chuàng)建我的應(yīng)用程序)

From
$
@Html.EditorFor(model=>model.AmountFrom,new{htmlAttributes=new{@class="form-controlinput-largest",@step="0.01",@type="number"}})
To$



你有沒(méi)有注意到我有一個(gè) AmountTo和 一個(gè)AmountFrom,AmountTo是輸入AmountFrom 是輸出 ,當(dāng)我們點(diǎn)擊這個(gè)的時(shí)候其值就會(huì)傳給剪切板。這個(gè)神奇的事情發(fā)生在屬性“data-clipboard-target”里面。

我們也添加一個(gè)消息框用來(lái)顯示拷貝動(dòng)作消息



到這里就是你所關(guān)心的HTML部分。現(xiàn)在讓我們?nèi)タ碕avaScript/jQuery 部分



至此,會(huì)發(fā)現(xiàn)我們只是引入了clipoard.js,如果實(shí)例化Clipboard成功,然后會(huì)給事件賦予一些動(dòng)作,否則它會(huì)觸發(fā)一個(gè)錯(cuò)誤,是這樣吧?這一切都很好,它能兼容所有最新的瀏覽器,除了IE,它會(huì)給出下面這樣的一個(gè)消息。

如果希望看一下實(shí)際的效果,這是一個(gè)JSFiddle示例。

接下來(lái)就是抓取剪貼板的數(shù)據(jù)然后當(dāng)點(diǎn)擊時(shí)自動(dòng)地粘貼到一個(gè)文本框,至此,看上去瀏覽器因?yàn)橐粋€(gè)安全上的風(fēng)險(xiǎn)會(huì)阻止它,但是我會(huì)嘗試找到甚至做出一個(gè)方案,因此大家還得繼續(xù)關(guān)注。

聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

無(wú)需Flash使用jQuery復(fù)制文字到剪貼板_jquery

無(wú)需Flash使用jQuery復(fù)制文字到剪貼板_jquery:如果在網(wǎng)上找一個(gè)關(guān)于如何將一段特定的文本拷貝到剪貼板的解決方案,最可能的結(jié)果就是使用Flash的方案來(lái)做這個(gè)事,雖然使用Flash可以很好地解決這個(gè)問(wèn)題,但是這不是一個(gè)明智的想法,因?yàn)檫@個(gè)產(chǎn)品最終會(huì)消失或者至少是瀏覽器不再提供支持,因此這個(gè)解決方案是
推薦度:
  • 熱門(mén)焦點(diǎn)

最新推薦

猜你喜歡

熱門(mén)推薦

專題
Top
主站蜘蛛池模板: 天码毛片一区二区三区入口 | 久久国产精品久久精 | 欧美亚洲另类在线观看 | 中文字幕在线看 | 精品日韩一区 | 国产区二区 | 国产精品高清视亚洲一区二区 | 中文字幕第7页 | 国产a视频精品免费观看 | 久久一精品 | 欧美在线aa | 久久久久久91 | 欧美视频一区二区在线观看 | 欧美色视频在线观看 | 欧美高清亚洲欧美一区h | 国产手机视频在线观看 | 自拍偷拍 欧美日韩 | 国产小视频在线免费观看 | 亚洲日本在线观看 | 国产日韩欧美视频在线观看 | 亚洲视频一区二区 | 国产手机视频在线观看 | 国产亚洲午夜精品a一区二区 | 久久激情综合网 | 欧美网站在线看 | 91在线 一区 二区三区 | 国产一区二区三区欧美精品 | 欧美日韩色 | 国产一区二区三区精品视频 | 久久久国产一区二区三区 | 伊人激情网 | 日韩区在线| 精品三级在线观看 | 国内精品一区二区2021在线 | 国产一区亚洲欧美成人 | 久久国产精品成人免费古装 | 日韩专区一区 | 欧美日韩亚洲一区二区三区 | 国产超级乱淫片中文 | 欧美性xxxx极品高清 | 视频一区二区三区欧美日韩 |