js 实现 复制 功能 (zeroclipboard)
#復(fù)制功能因訪問權(quán)限和安全問題,?被瀏覽器禁了#
我要實(shí)現(xiàn)的功能:點(diǎn)擊復(fù)制按鈕,復(fù)制瀏覽器的當(dāng)前頁面地址,加上用戶選擇的參數(shù)(用戶查找過濾),直接將該鏈接發(fā)給別人,點(diǎn)擊打開就是對(duì)應(yīng)的查找結(jié)果而不是默認(rèn)結(jié)果。
1.需要兩個(gè)文件ZeroClipboard?.js?和.swf(https://github.com/zeroclipboard/zeroclipboard)。
2.頁面復(fù)制按鈕 html?標(biāo)簽(第二個(gè)input是我用來存儲(chǔ)瀏覽器當(dāng)前頁面的地址+用戶選擇的過濾條件,即“http://”+location.host+location.pathname+location.search.例如:http://helloworld/console/Today?EndDate=2015-10-19&name=Tom)
3.頁面中引入.js文件
?
4.初始化某個(gè)頁面的時(shí)候,解析當(dāng)前的頁面url?參數(shù)
5.拼湊對(duì)應(yīng)的用戶選擇的參數(shù),賦值給那個(gè)input(#clipboard-text)
?
6.在需要的地方調(diào)用函數(shù)
注意:.js文件和.swf文件應(yīng)在同一目錄下;
創(chuàng)建對(duì)象時(shí)的參數(shù)就是?復(fù)制按鈕對(duì)應(yīng)的 button Id(本例?為?#copyUrlBtn),其余的參數(shù)都是默認(rèn)值。
7.親測(cè)Chrome?, IE10+
?
另外一園友的方法?復(fù)制到剪切板?(http://www.cnblogs.com/yjzhu/archive/2012/11/05/2754818.html)
?
謝謝閱讀!
?
轉(zhuǎn)載于:https://www.cnblogs.com/shy-huang/p/4891459.html
總結(jié)
以上是生活随笔為你收集整理的js 实现 复制 功能 (zeroclipboard)的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 史上最全颜色在古代的叫法(快速搜索)
- 下一篇: Please ensure that a