HTMLの貼り付けイベント属性
例
<input>要素にテキストを貼り付けるときにJavaScriptを実行します。
<input type="text" onpaste="myFunction()" value="Paste something in here">
以下の「自分で試してみてください」の例をもっと見てください。
定義と使用法
onpaste属性は、ユーザーが要素にコンテンツを貼り付けたときに発生します。
注: onpaste属性はすべてのHTML要素でサポートされていますが、要素がcontenteditableを「true」に設定していない限り、たとえば<p>要素に一部のコンテンツを貼り付けることは実際にはできません(以下の「その他の例」を参照) )。
ヒント: onpaste属性は、主にtype = "text"の<input>要素で使用されます。
ヒント:要素にコンテンツを貼り付ける方法は3つあります。
- Ctrl + Vを押します
- ブラウザの[編集]メニューから[貼り付け]を選択します
- 右クリックしてコンテキストメニューを表示し、[貼り付け]コマンドを選択します
ブラウザのサポート
Event Attribute | |||||
---|---|---|---|---|---|
onpaste | Yes | Yes | Yes | Yes | Yes |
構文
<element onpaste="script">
属性値
Value | Description |
---|---|
script | The script to be run on onpaste |
技術的な詳細
サポートされているHTMLタグ: | すべてのHTML要素 |
---|
その他の例
例
<p>要素にテキストを貼り付けるときにJavaScriptを実行します(contenteditableが「true」に設定されていることに注意してください)。
<p contenteditable="true" onpaste="myFunction()">Try to paste something inside this paragraph.</p>
関連ページ
HTMLリファレンス:oncopyイベント
HTMLリファレンス:oncutイベント
HTML DOMリファレンス:onpasteイベント
❮HTMLイベント属性