HTMLoncopy属性_
定義と使用法
このoncopy
属性は、ユーザーが要素のコンテンツをコピーしたときに発生します。
ヒント:このoncopy
属性は、ユーザーが要素で作成された画像などの要素をコピーしたときにも起動します<img>
。
ヒント:このoncopy
属性は、主に。を
<input>
含む要素で使用されますtype="text"
。
ヒント:要素/要素のコンテンツをコピーするには、次の3つの方法があります。
- CTRL + Cを押します
- ブラウザの[編集]メニューから[コピー]を選択します
- 右クリックしてコンテキストメニューを表示し、[コピー]コマンドを選択します
に適用されます
このoncopy
属性はイベント属性の一部であり、任意のHTML要素で使用できます。
要素 | イベント |
---|---|
すべてのHTML要素 | オンコピー |
例
入力例
<input>要素のテキストをコピーするときにJavaScriptを実行します。
<input type="text" oncopy="myFunction()" value="Try to copy this text">
P例
<p>要素のテキストをコピーするときにJavaScriptを実行します。
<p oncopy="myFunction()">Try to copy this text</p>
Imgの例
画像をコピーするときにJavaScriptを実行します。
<img src="w3schools.gif" oncopy="myFunction()">
ブラウザのサポート
Event Attribute | |||||
---|---|---|---|---|---|
oncopy | Yes | Yes | Yes | Yes | Yes |
注:一部のブラウザーでは、イメージをコピーしようとすると、oncopy属性が期待どおりに機能しない場合があります(上記の例を参照)。