js 實現 複製 功能 (zeroclipboard)

#複製功能因訪問權限和安全問題, 被瀏覽器禁了#html

我要實現的功能:點擊複製按鈕,複製瀏覽器的當前頁面地址,加上用戶選擇的參數(用戶查找過濾),直接將該連接發給別人,點擊打開就是對應的查找結果而不是默認結果。git

1.須要兩個文件ZeroClipboard .js 和.swf(https://github.com/zeroclipboard/zeroclipboard)。github

2.頁面複製按鈕 html 標籤(第二個input是我用來存儲瀏覽器當前頁面的地址+用戶選擇的過濾條件,即「http://」+location.host+location.pathname+location.search.例如:http://helloworld/console/Today?EndDate=2015-10-19&name=Tom)瀏覽器

3.頁面中引入.js文件安全

 

4.初始化某個頁面的時候,解析當前的頁面url 參數函數

5.拼湊對應的用戶選擇的參數,賦值給那個input(#clipboard-text)url

 

6.在須要的地方調用函數htm

注意:.js文件和.swf文件應在同一目錄下;對象

建立對象時的參數就是 複製按鈕對應的 button Id(本例 爲 #copyUrlBtn),其他的參數都是默認值。blog

7.親測Chrome , IE10+

 

另一園友的方法 複製到剪切板 (http://www.cnblogs.com/yjzhu/archive/2012/11/05/2754818.html)

 

謝謝閱讀!

相關文章
相關標籤/搜索