exec-copy

作った shokai.icon

画面外に見えない<input>を作って選択してコピーしている

インストール

$ npm i exec-copy -save

デモ

execCommandのラッパーになっている

window.execCommand('copy')

inputやtextareaを作って、そこを選択状態にしてから最後のコピー動作の実行だけを行う関数

inputやtextareaは自分で作らなければならない

使い方

require('exec-copy')('こんにちは')

実際はこんな感じで使うと思う

code:js

import execCopy from 'exec-copy'

button.addEventListener('click', function (e) {

execCopy('this is copied text!!')

})

window.execCommand('copy')が無い場合のフォールバック

Safari等には無い

デフォルトでpromptが表示される

https://gyazo.com/ad9e163f57f888b5d31d13ab6cec269a

このように自分でフォールバックも書ける

code:js

execCopy('this is copied text!!', function (str) {

prompt('自分でコピーしる', str)

})