勉強したことのメモ

webプログラマ見習いが勉強したことのメモ。

Flashを用いずJavaScriptでコピー&カット機能を実装する

      2015/11/02

以前メモったようなFlashを用いる方法ではなく、WebAPIでコピー&カット機能を実装できるらしい。以下に以前の記事とサンプルとソースをメモ。

 

■以前の記事

http://taitan916.info/blog/?p=419

 

■サンプル

http://sample.taitan916.info/cut_copy/

 

■ソース

 

■その他

利用可能ブラウザはchrome42,firefox41,IE9,Opera29となっており、safariやスマホ端末は無理っぽい。詳細は以下の通り。

https://developer.mozilla.org/ja/docs/Web/API/Document/execCommand#Browser_Compatibility

PCでの利用が前提のページでブラウザもある程度指定可能な、社内向けの管理画面とかで用いるのがよさそう。

 - javascript, jQuery

  関連記事

jquery_logo
jQueryでセレクトメニューにcheckedをつける

セレクトメニュー(セレクトボックス)で特定の項目をデフォルトで選択しておきたかっ ...

jquery_logo
テキストエリアを自動でリサイズ

改行するだけで勝手にリサイズしてくれるので、 ユーザー用でも管理用でも使えそう。 ...

mzl.qobqfuxq
GoogleMapで半径●メートルを範囲表示

GoogleMapでマーカーを立てて、そこから範囲●mもしくは●kmを円で表示さ ...

jquery_logo
jQueryのプラグインでカラーコードを視覚的に選択

カラーコードを入力するフォームがあって、HTMLやCSSの知識がない方のために、 ...

jquery_logo
jQueryのfind時に複数のセレクタ指定

<div id="hoge"> <a href="aaa.ht ...

javascript_logo_unofficial-300x300
JavaScriptの三項演算子

いつもと違う書き方? 使い方の三項演算子が あったのでメモ。 ■ソース var ...

jquery_logo
jQueryのappendとprepend

よく忘れるのでメモ。 ■append(後ろに足す) http://semooh. ...

110126-HTML5_Logo
HTML、javascriptソースの暗号化

サーバーサイドはソースを見られないけど クライアントサイドはソースを見られるので ...

javascript_logo_unofficial-300x300
JavaScriptでdisplay:none/blockの切り替え

jQueryだとhide/show使うか、もしくは toggleだけでいいけどJ ...

javascript_logo_unofficial-300x300
JavaScriptでinputタグのtypeを変更

チェックボックスの状態によって inputタグのtypeをtext⇔passwo ...