オンカットイベント
oncut イベント
インスタンス
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<input type="text" oncut="myFunction()" value="尝试剪切该文本">
<p id="demo"></p>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "你剪切了文本!";
}
</script>
</body>
</html>インスタンスの実行 »
「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します
この記事の下部にあるその他のインスタンスを参照してください。
定義と使用法
oncut イベントは、ユーザーが要素のコンテンツを切り取るとトリガーされます。
注: 使用されている HTML 要素はすべてオンカット イベントをサポートしていますが、<p> 要素など、すべての要素が実際にサポートされているわけではありません。 contenteditable が「true」に設定されている場合を除きます (その他の例については以下を参照してください)。
ヒント: oncut イベントは通常、type="text" の <input> 要素に適用されます。
ヒント: コンテンツをカットするには 3 つの方法があります:
- CTRL + 「カット」コマンドを押します。
- ブラウザのサポート
構文
HTML: <
element
oncut="myScript
">試してみるJavaScript:
オブジェクト
=。 function(){myScript
};試してみる JavaScript では、addEventListener() メソッドを使用します:
object
.addEventListener("cut",myScript
);試してみる 注:
Internet Explorer 8 以前の IE バージョンは、addEventListener() メソッドをサポートしていません。 技術的な詳細
バブリングがサポートされているかどうか:
| キャンセル可能: | |
| イベントタイプ: | |
| サポートされている HTML タグ: | |
その他のインスタンス
インスタンスの実行
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p contenteditable="true" oncut="myFunction()">尝试剪切该文本</p>
<script>
function myFunction() {
alert("你剪切了文本!");
}
</script>
</body>
</html>HTML DOM リファレンス マニュアル: onpaste イベント
