最新のWeb開発のチュートリアル
 

oncopyイベント

<イベントオブジェクト

いくつかのテキストをコピーするときにJavaScriptを実行する<input>要素を:

<input type="text" oncopy="myFunction()" value="Try to copy this text">
»それを自分で試してみてください

もっと"Try it Yourself"以下の例。


定義と使用法

ときに、ユーザーがコピー要素の内容oncopyイベントが発生します。

ヒント:oncopyイベントの場合にも、ユーザがコピー要素を発生する、例えば、で作成された画像、 <img>要素。

ヒント:oncopyイベントがほとんどで使用されている<input>タイプ=「テキスト」と要素。

ヒント:要素/要素の内容をコピーする方法は3つあります。

  • Ctrlキーを押しながら+ C
  • 選択して"Copy"お使いのブラウザで、[編集]メニューから[
  • 右コンテキストメニューを表示し、選択する]をクリックし"Copy"コマンドを使用します。

ブラウザのサポート

イベント
oncopy はい はい はい はい はい

注意:画像をコピーしようとしたときoncopyイベントは一部のブラウザで期待どおりに動作しない場合があります(See "More Examples" below)


構文

HTMLには:

JavaScriptで:

JavaScriptでは、使用してaddEventListener()メソッドを:

object .addEventListener("copy", myScript );
»それを自分で試してみてください

注: addEventListener()メソッドは、Internet Explorer 8およびそれ以前のバージョンでサポートされていません。


技術的な詳細

バブル: はい
取消し可能: はい
イベントの種類: ClipboardEvent
サポートされているHTMLタグ: すべてのHTML要素

例

その他の例

いくつかのテキストをコピーするときにJavaScriptを実行し<p>要素を:

<p oncopy="myFunction()">Try to copy this text</p>
»それを自分で試してみてください

画像をコピーするときにJavaScriptを実行します。

<img src="w3ii.gif" oncopy="myFunction()">
»それを自分で試してみてください

関連ページ

HTML DOMリファレンス: onpasteイベント

HTML DOMリファレンス: のoncutイベント


イベントオブジェクト参照 イベントオブジェクト