国产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
主站蜘蛛池模板: 国产一级持黄大片99久久 | 国产成人精品一区二区三区 | 99国产视频 | 亚洲欧美国产精品 | 亚洲色图 第一页 | 美女一级a毛片免费观看 | 日韩欧美在线观看成人 | 热综合一本伊人久久精品 | 国产在线一区二区三区 | 在线精品免费视频 | 久久久一区二区三区 | 国产午夜小视频 | 国产视频资源在线观看 | 欧美一区二区三区四区视频 | 久久久久免费精品国产小说 | 欧美日韩免费在线 | 国内精品在线视频 | 日本国产最新一区二区三区 | 国产色在线| 欧美亚洲网站 | 九九热这里有精品 | 国产第八页 | 国模吧国模吧一二区 | 国产在线一区二区 | wwww欧美| 中文字幕一区二区三区久久网站 | 国产成人一区二区三区影院免费 | 精品久久久久久国产牛牛app | 亚洲入口| 广东东莞一级毛片免费 | 亚洲三级在线 | 一级全黄60分钟免费网站 | 91亚洲国产成人久久精品网站 | 中文国产成人精品久久一区 | 中文字幕一区二区三区久久网站 | 国产激情在线观看 | 91麻精品国产91久久久久 | 欧美日本中文字幕 | 999久久久免费精品国产牛牛 | 亚洲精品在线免费观看 | 久久亚洲一区二区 |