クリップボードの値を取り出して結合したURLにジャンプするブックマークレットの作成

前提・実現したいこと

Javascriptを利用してChromeブラウザで動作する下記のようなブックマークレットを作りたいです。

１）ブラウザ以外の場所から特定の数字6桁（例：222222）をコピーします。
２）ブックマークレットを押下して、
http://example.xxxx.com/no=222222
のようなURLにジャンプするようにしたいです。

発生している問題・エラーメッセージ

ClipboardEvent.clipboardDataを利用してクリップボードの値を取得することができそうだと思ったのですが、
作成したコードですと接続先が　http://example.xxxx.com/no=undefined　となってしまいます。

該当のソースコード

Javascript
1javascript:no=ClipboardEvent.clipboardData; window.location = "http://example.xxxx.com/no="+ no;

行動規範の内容に同意します

回答1件

ベストアンサー

クリップボードの値を取り出して結合したURLにジャンプするブックマークレットの作成

prompt() を用いる方法なら簡単に実現できると思います。

diff
1- no=ClipboardEvent.clipboardData
2+ no=window.prompt("no");

ブックマークレットを押下（プロンプト：標準ダイアログの一つ）
プロンプトの入力フィールドにペースト
クリックすると、URLパラメータを合成してジャンプ

ClipboardEvent.clipboardDataを利用してクリップボードの値を取得することができそうだと思った

ClipboardEvent はイベント伝搬用のオブジェクトです。ページ上のDOM に "cut","copy","paste" イベント定義するイベントリスナで参照するものですので使い方を間違えています。（イベント周辺実装は再確認してください）

ご要望に近いのは、Navigator.clipboardを使う方法と思いますが、説明にある通り、Permissions API 関連実装が必要です。ブラウザの許可確認処理では「ユーザにクリック操作を促す」ので、ブックマークレットを押下した時点で表示されているページ毎に許可確認処理が実行される可能性があります。

このため、promptを使ったほうが、サイトデータを汚さないと思います。

投稿2020/06/29 23:12