From 7731af966442d99fc7014af652f07d39c3f81f27 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Tue, 13 Jul 2021 02:52:35 +0900 Subject: 英語版章題マクロを除去（残り） (#1388) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ja/web/api/htmlelement/oncut/index.html | 132 +++++++++++++++----------- 1 file changed, 76 insertions(+), 56 deletions(-) (limited to 'files/ja/web/api/htmlelement') diff --git a/files/ja/web/api/htmlelement/oncut/index.html b/files/ja/web/api/htmlelement/oncut/index.html index 3e572d1e61..5eb4abb44d 100644 --- a/files/ja/web/api/htmlelement/oncut/index.html +++ b/files/ja/web/api/htmlelement/oncut/index.html @@ -1,64 +1,84 @@ --- -title: element.oncut +title: HTMLElement.oncut slug: Web/API/HTMLElement/oncut tags: - - DOM - - Gecko - - Gecko DOM Reference +- API +- Event Handler +- Experimental +- HTMLElement +- NeedsSpecTable +- Property +- Reference +browser-compat: api.HTMLElement.oncut translation_of: Web/API/HTMLElement/oncut --- -

 

-

{{ ApiRef() }} {{ 英語版章題("Summary") }}

-

概要

-

oncut プロパティは、現在の要素での onCut イベントハンドラのコードを返します。

-

{{ 英語版章題("Syntax") }}

-

構文

-
element.oncut =functionRef;
-
-

ここでの - - functionRef - は、関数です。それは、たいてい、他の場所で宣言された関数の名前、あるいは、 - - function 式 - です。Core JavaScript 1.5 Reference:Functions を参照してください。

-

{{ 英語版章題("Example") }}

-

例

-
<html>
-<head>
-<title>oncut event example</title>
-
-<script>
-  function log(txt)
-  {
-    document.getElementById("log").appendChild(document.createTextNode(txt + "\n"));
-  }
-</script>
-</head>
-
-<body>
-<h3>Play with this editor!</h3>
-<textarea rows="3" cols="80" oncopy="log('Copied!');" oncut="log('Cut blocked!'); return false;">
-  Try copying and cutting the text in this area!
-</textarea>
-<h3>Log</h3>
-<textarea rows="15" cols="80" id="log" readonly="true"></textarea>
-</body>
-</html>
+
{{ APIRef("HTML DOM") }} {{SeeCompatTable}}

+
+
HTMLElement.oncut は {{domxref("HTMLElement")}} インターフェイスのプロパティで、 {{event("cut")}} イベントを処理するイベントハンドラーです。

+
+
cut イベントは、ユーザーがテキストを切り取りしようとしたときに発行されます。

+
+
構文

+
+
target.oncut = functionRef;
 

-
この例では、テキストエリアからテキストをコピーすることはできますが、切り取ることはできません。また、コピーと切り取りの試みのログを表示します。

-
{{ 英語版章題("Notes") }}

-
注記

-
このイベントは、ユーザがテキストを切り取ろうとしたときに発生します。

-
{{ 英語版章題("Specification") }}

-
仕様

-
仕様の一部ではありません。

-
{{ 英語版章題("See also") }}

-
参照

+
+
値

+
+
functionRef は関数名または関数式です。この関数は唯一の引数として {{domxref("ClipboardEvent")}} オブジェクトを受け取ります。

+
+
例

+
+
この例では、テキストを {{htmlElement("textarea")}} からコピーすることはできますが、テキストを切り取りすることはできません。また、コピーと切り取りを仕様としたことをそれぞれ記録します。

+
+
HTML

+
+
<h3>このテキストエリアで実行しましょう。</h3>
+<textarea id="editor" rows="3">このフィールド内のテキストをコピーしたり切り取りしたりしてみましょう。</textarea>
+
+<h3>ログ:</h3>
+<p id="log"></p>

+
+
JavaScript

+
+
function logCopy(event) {
+  log.innerText = 'Copied!\n' + log.innerText;
+}
+
+function preventCut(event) {
+  event.preventDefault();
+  log.innerText = 'Cut blocked!\n' + log.innerText;
+}
+
+const editor = document.getElementById('editor');
+const log = document.getElementById('log');
+
+editor.oncopy = logCopy;
+editor.oncut = preventCut;

+
+
結果

+
+
{{EmbedLiveSample("Example", 700, 300)}}

+
+
仕様書

+
+
WHATWG
+    標準

+
+
ブラウザーの互換性

+
+
{{Compat}}

+
+
Firefox 13 以降では、設定項目 dom.event.clipboardevents.enabled でこの機能を制御できます。既定では true になっていますが、無効にすることができます。

+
+
関連情報

+
 
-

-  

-
{{ languages( { "en": "en/DOM/element.oncut" } ) }}

-- 
cgit v1.2.3-54-g00ecf