clipboardはbootstrapモードウィンドウの内容の問題をコピーできません.

777 ワード

Clipboard.jsはコンテンツコピー機能を実装しています.私達の使用に便利になりました.通常の状況では何行のコードでもできるコンテンツコピー機能ですが、bootstrap modalウィンドウの内容をコピーする時には無効になりました.
長い間探してやっと問題の原因を見つけました.元のモダリティブロックにロードした後、tabindex=「-1」の属性値が追加されました.
ソリューション:コンテンツをコピーして動作する前にtabindex=“-1” この属性は削除すればいいです.



    $('#testModal').removeAttr('tabindex');
    var clipboard = new Clipboard('.btn');
    clipboard.on('success', function(e){
        console.log('    ', e.text);
    });
    clipboard.on('error', function(e){
        console.log('    ');
    });
 
clipboard.jsをダウンロードします