質問: モバイルで用いるためのWebアプリケーションを作成しています。 そのとき、タイル状に並べたマス目をなぞっていくと色が変わり、選択したこととなる、といったようなUIを作成したいです。 より具体的には、例えば一月分のカレンダーをマス目で表わし、それに対してガントチャートの帯を引くように、連続的に選択した日付を選びたいというものです。(タイルのひとつひとつをクリックもしくはタップしていくのではなく、なぞることで複数の連続した日付が選択されたこととなる状態。) 色の変わったところは選択された日付として、Ajaxを用いてサーバのDBに登録していく予定です。 どのようなところを調べていけば良いのかのヒントをお願いしたいです。
回答: マウスイベント(mousedown, mouseup, mouseenter, mouseleave, mouseover)を駆使すればできると思います。 関連した情報 Select Cells On A Table By Dragging - Stack Overflow