oncutイベント

DOM イベント ClipboardEvent

定義と使用方法

oncutイベントはユーザーが要素の内容を切り取るときに発生します。

すべてのHTML要素はoncutイベントをサポートしていますが、実際には内容を切り取ることができません。例えば<p>要素ですが、その要素がcontenteditableを"true"に設定されていないと切り取ることができません（以下の例を参照してください）。

ヒント：oncutイベントはtype="text"の<input>要素に主に使用されます。

ヒント：以下は要素/要素内容を切り取る3つの方法です：

  • CTRL + X
  • ブラウザの編集メニューから「切り取り」を選択します
  • 右クリックメニューから「切り取り」コマンドを選択します

インスタンス

例1

<input>要素でテキストを切り取るときにJavaScriptを実行します：

<input type="text" oncut="myFunction()" value="このテキストを切り取りしようとします">

自分で試してみてください

例2

<p>要素のテキストを切り取るときにJavaScriptを実行します（contenteditableが"true"に設定されていますので注意してください）：

<p contenteditable="true" oncut="myFunction()">このテキストを切り取りしようとします</p>

自分で試してみてください

文法

HTMLで：

<要素 oncut="myScript">

自分で試してみてください

JavaScriptで：

オブジェクト.oncut = function(){myScript};

自分で試してみてください

JavaScriptでaddEventListener()メソッドを使用する方法：

オブジェクト.addEventListener("cut", myScript);

自分で試してみてください

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

技術的詳細

バブル： サポート
キャンセル可能： サポート
イベントタイプ： ClipboardEvent
サポートされる HTML タグ： すべての HTML 要素

ブラウザのサポート

イベント Chrome IE Firefox Safari Opera
oncut サポート サポート サポート サポート サポート

関連ページ

HTML DOM リファレンスマニュアル：oncopy イベント

HTML DOM リファレンスマニュアル：onpaste イベント

DOM イベント ClipboardEvent