エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
ドロップ領域を目立たせる-JavaScript入門(HTML5編)
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
ドロップ領域を目立たせる-JavaScript入門(HTML5編)
HOME JavaScript入門[HTML5編] ドロップ領域を目立たせる このページでは、ドロップ先を目立たせる方法... HOME JavaScript入門[HTML5編] ドロップ領域を目立たせる このページでは、ドロップ先を目立たせる方法について見ていきます。 どこにドロップすればいいか分かりにくい場合、 目立たせてあげると親切な場合があります。 ドロップ領域を目立たせるサンプルスクリプト ドロップ先を目立たせるには、 dragenterイベントでスタイルを変更してやります。 その後、dropイベントでスタイルを戻します。 またドラッグ要素がドロップエリアから外れた時のために、 dragleaveイベントでもスタイルを戻す処置を入れておきます。 以下のサンプルでは、下列の4分の1のエリアだけドロップできるようにしています。 上列の赤正方形がそのエリアに入った場合に、背景色をピンクに変えるようにしています。 <サンプル> このサンプルのスクリプトは以下の通りです。 <div id="dragarea"> <