From 7dd3fecd0bba8e4ea23504379d28e2a1b7e4e717 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Sat, 14 Sep 2024 23:46:00 +0900 Subject: [PATCH] =?UTF-8?q?2023/12/25=20=E6=99=82=E7=82=B9=E3=81=AE?= =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?= =?UTF-8?q?=E6=96=B0=E8=A6=8F=E7=BF=BB=E8=A8=B3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../ja/web/api/htmlelement/draggable/index.md | 50 +++++++++++++++++++ 1 file changed, 50 insertions(+) create mode 100644 files/ja/web/api/htmlelement/draggable/index.md diff --git a/files/ja/web/api/htmlelement/draggable/index.md b/files/ja/web/api/htmlelement/draggable/index.md new file mode 100644 index 00000000000000..6d56050026fbd8 --- /dev/null +++ b/files/ja/web/api/htmlelement/draggable/index.md @@ -0,0 +1,50 @@ +--- +title: "HTMLElement: draggable プロパティ" +short-title: draggable +slug: Web/API/HTMLElement/draggable +l10n: + sourceCommit: 71790d0ff0ecd94a2d734f81d98a3317b61aa468 +--- + +{{APIRef("HTML Drag and Drop API")}} + +**`draggable`** は {{domxref("HTMLElement")}} インターフェイスのプロパティで、要素がドラッグ可能かどうかを示す論理値プリミティブを取得または設定します。 + +これは、dragableHTML グローバル属性の値を反映します。 +It reflects the value of the [`draggable`](/ja/docs/Web/HTML/Global_attributes/draggable) HTML global attribute. + +## 値 + +論理値プリミティブで、要素がドラッグ可能であれば `true`、そうでなければ `false` です。 + +## 例 + +次の例は、スクリプトによる要素のドラッグ機能を有効または無効にする方法を示しています。 + +```js +const draggableElement = document.querySelector(".draggable-element"); +const notDraggableElement = document.querySelector(".not-draggable-element"); + +// 対象とする要素のドラッグ機能を有効にする +if (!draggableElement.draggable) { + draggableElement.draggable = true; +} + +// 対象とする要素のドラッグ機能を無効にする +if (notDraggableElement.draggable) { + notDraggableElement.draggable = false; +} +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- HTML の [`draggable`](/ja/docs/Web/HTML/Global_attributes#draggable) グローバル属性 +- [HTML のドラッグ&ドロップ API](/ja/docs/Web/API/HTML_Drag_and_Drop_API) の概要