ywork2020.com

Title

ドラッガブル属性を使えば、要素のドラッグ可否を指定出来る

draggable属性の概要

要素のドラッグ可否を設定します。既定値は"auto"でブラウザの既定動作に従います。
true = 可能 / false = 不可 となります。

実機サンプル

ドラッグ不可なテキストと画像


ドラッグ可能なテキストと画像


テキストをここにドラッグ出来ます。

サンプルコード

<body>
	<p><a href="#idText" draggable="false">ドラッグ可能なテキストと画像</a></p>
	<hr>
	<p><a href="#idText" draggable="true">ドラッグ可能なテキストと画像</a></br>
	<hr>
	<p>
		テキストをここにドラッグ出来ます。
		<input type="text" id="idText" value="">
	</p>
</body>
関連のあるページ