ページ内で文書をコピーした際に勝手に文字を追加できちゃうjQueryプラグイン「Copy & Paste Hijacker」
2011年09月08日-
スポンサード リンク
Copy & Paste Hijacker | jQuery Plugins
ページ内で文書をコピーした際に勝手に文字を追加できちゃうjQueryプラグイン「Copy & Paste Hijacker」。
例えば、ページ内で気になった文書があってCtrl+Cとか、右クリックして「コピー」した場合、その文書になんらかの文字列を追加することができます。
引用元を追加でコピーしてもらったり、ツイッターアカウントやFacebookアカウントもコピーに追加することができちゃいます。やり過ぎは禁物ですし、嫌がられる場合もありそうなので、あくまで利用者の利便性を高めるために使いたいですが、技術的にも非常に面白かったのでご紹介です。
使い方は次のように初期化するだけです。
$.copypaste( 'あなたは "%copy%" という文字列を %url% でコピーしましたね' );
これでコピーしたときに、単に選択した文字列だけではなくて、上記のような文字列を追加することができます。
%copy% とかはメタ文字でコピー時に変換されます。%copy% %url% 以外にもドメインやパスやタイムスタンプ等色々な情報を追加できます。
デモサイトがあるのでとりあえず体験しちゃえます。IEやChrome、Firefoxで動きました。

アーティクルの文書を選択して「コピー」してみます

選択したのは「Incidenti stradali」だけですがクリップボードに残るのは以下のテキスト。
ページ内で文書をコピーした際に勝手に文字を追加できちゃうjQueryプラグイン「Copy & Paste Hijacker」。
例えば、ページ内で気になった文書があってCtrl+Cとか、右クリックして「コピー」した場合、その文書になんらかの文字列を追加することができます。
引用元を追加でコピーしてもらったり、ツイッターアカウントやFacebookアカウントもコピーに追加することができちゃいます。やり過ぎは禁物ですし、嫌がられる場合もありそうなので、あくまで利用者の利便性を高めるために使いたいですが、技術的にも非常に面白かったのでご紹介です。
使い方は次のように初期化するだけです。
$.copypaste( 'あなたは "%copy%" という文字列を %url% でコピーしましたね' );
これでコピーしたときに、単に選択した文字列だけではなくて、上記のような文字列を追加することができます。
%copy% とかはメタ文字でコピー時に変換されます。%copy% %url% 以外にもドメインやパスやタイムスタンプ等色々な情報を追加できます。
デモサイトがあるのでとりあえず体験しちゃえます。IEやChrome、Firefoxで動きました。

アーティクルの文書を選択して「コピー」してみます

選択したのは「Incidenti stradali」だけですがクリップボードに残るのは以下のテキスト。
Roma Today - cronaca e notizie da Roma
„Incidenti stradali“
Leggi tutto: http://www.romatoday.it/
Diventa fan: //www.facebook.com/pages/RomaToday/41916963809
あと、inputタグやtextareaタグでは効かないようにすることもできる模様です。
skip_tags: ['INPUT', 'TEXTAREA'], のようにオプションを渡してあげるだけです。
使い方は慎重にいきたいですが、使い方によってはマーケティング等に使えそうですね
関連エントリ
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- 15000以上のいい感じの線形アイコン「Lineicons」
- CSSやTailwindでのCSSスニペットライブラリ「CSS Snippets Library」
- AIを使ってサイトマップが作れる「Octopus.do」
- ライブラリ依存のないモーダルオープンライブラリ「Blendy」
- 個性的な明朝フリーフォント「築豊初号明朝OFL」
- CSSで太陽が差し込むようなアニメーション実装
- 可愛くアニメーションする「beautifully crafted animated icons」
- アイソメトリックなアイコンがアイコンがPNG,SVGでゲットできる「Isoicons」
- ユニークなカタカナフォントtorisippo
- 美しいメッシュグラデーションをCSSで簡単に取得できる「MSHR」
- 過去のエントリ