H5マイクロチャネルブラウザコピー及びペースト溶液--ios互換性の問題(clipboard.jsプラグイン)

いくつかの時間前、彼はclipboard.jsに最適なソリューションを使用して、IOS互換性のあるプラグインを満たしたときにマイクロ文字H5をやって

ダウンロード:ダウンロード:https://github.com/zenorocha/clipboard.js

導入JSをCND:https://cdn.staticfile.org/clipboard.js/1.5.15/clipboard.min.js

htmlの一部:

< 本部ID = "fooが" >コンテンツを貼り付けする必要があります。</ divの>  
<! - [コピー]ボタン- > 
< クラス= "copyBtn"   のhref = "JavaScriptを:"   データ・クリップボードアクション= "コピー"   DATA-ターゲット・クリップボード= "#fooの" > </ A >

JS一部:

 VaRのクリップボード= 新規。クリップボード(」。copyBtn ')('成功、上の機能(E){
         VARの E = E || ; window.event 
        はconsole.log( '成功复制!!!' ); 
    })。上の( 'エラー'、関数(E){});

 

完成

<!DOCTYPE HTML > 
< HTML LANG = "EN" > 
< > 
  < メタ文字コード= "UTF-8" > 
  < メタ= "ビューポート" コンテンツ= "幅=装置幅、初期の規模= 1.0" > 
  < メタHTTP -equiv = "X-UA-互換" コンテンツ= "IE =縁" > 
  < タイトル>のiOS复制兼容</ タイトル> 
</ ヘッド> 
< ボディ> 
    <需要被粘贴的内容</ divの>  
    <! - 复制按钮- > 
    < クラス= "copyBtn"   のhref = "javascript:"形式  のデータをクリップボードアクション= "コピー"   のデータをクリップボード-ターゲット= "#fooの" > </ A > < スクリプトタイプ= "テキスト/ javascriptの" SRC = "https://cdn.staticfile.org/clipboard.js/1.5.15/clipboard.min.js" > </ スクリプト> < スクリプト> 
    ウィンドウ。onload = 関数(){
       VARのクリップボード= 新しいクリップボード(
  
    ' .copyBtn ' ).on(' 成功' 関数(E){
         VARのE = E || window.event; 
        はconsole.log(' 复制成功!!! ' ); 
    }。)(上の' エラー' 関数(E){}); 
  } 
  </ スクリプト> 
</ ボディ> 
</ HTML >

 

おすすめ

転載: www.cnblogs.com/imMeya/p/11347641.html