[]
        
(Showing Draft Content)

クリップボード

Clipboardクラスを使用すると、クリップボードの動作をカスタマイズできます。それには、静的メソッドcopyおよびpasteを使用して、クリップボードの内容を変更します。


メモ:Clipboardクラスでクリップボードの操作を開始することはできません。ユーザーによって操作が開始された後に、クリップボードの内容を変更することのみ可能です。


次のコードでは、keydownイベントを監視して、コピー操作と貼り付け操作を行うキーストロークをチェックしています。テキストをコピーして貼り付けるために、copyメソッドは引数として文字列を受け取り、pasteメソッドはコールバック関数を受け取ります。


pasteメソッドは、ユーザーがクリップボードの貼り付けコマンド(「Ctrl + V」など)を押した直後に呼びされた場合にのみ機能します。

rootElement.addEventListener('keydown', function(e) {

    // コピー:Ctrl + CまたはCtrl + Insert
    if (e.ctrlKey && (e.keyCode == 67 || e.keyCode == 45)) {
        var text = this.getClipString();
        Clipboard.copy(text);
        return;
    }

    // 貼り付け:Ctrl + VまたはShift + Insert
    if ((e.ctrlKey && e.keyCode == 86) || (e.shiftKey && e.keyCode == 45)) {
        Clipboard.paste(function (text) {
            this.setClipString(text);
        });
        return;
    }
});