<input> 要素のテキストを貼り付けるときに JavaScript を実行します:
<input type="text"
onpaste="myFunction()" value="Paste something in here">
Try it Yourself ❯
他の "Try it Yourself" の例が下にあります。
onpaste 属性は、ユーザが要素を貼り付けるときに発火します
注: onpaste 属性はすべての HTML 要素でサポートされていますが、例えば、 <p> 要素の contenteditable 属性に "true" が設定されていない限り、実際に要素のコンテンツを貼り付けることはできません (下の「その他の例」を参照)。
チップ: 大抵の場合、onpaste 属性は、type="text" の<input> 要素で使用されます。
チップ: 要素のコンテンツを貼り付けるには、次の 3 つの方法があります:
イベント属性 | |||||
---|---|---|---|---|---|
onpaste | Yes | Yes | Yes | Yes | Yes |
なし。
<element onpaste="script">
値 | 説明 |
---|---|
script | script は onpaste で実行される |
サポートする HTML タグ: | ALL HTML elements |
---|
<p> 要素のテキストを貼り付けるときに JavaScript を実行します (contenteditable を "true" に設定することに注意してください):
<p contenteditable="true" onpaste="myFunction()">Try to
paste something inside this paragraph.</p>
Try it Yourself ❯
HTML reference: oncopy event
HTML reference: oncut event
HTML DOM リファレンス:onpaste イベント