下記のコードのpタグは#foo上でクリックしたまま、#barまでドラッグすればどちらも選択した状態になり
纏めてコピーしたい場合等に便利です。
一方でinputタグは同じような動作をさせることができません。
特にinput type="text"をエクセルのようにたくさん並んでいる場合で
エクセルのように纏めてクリックを押したまま、ドラッグして選択範囲のものを全て、一括してデリートすることができれば
直感的に便利な場合があると思います。
実際にはinputタグはクリックした時点でその対象がフォーカス状態になってしまうため、そのフォーカスの範囲
のみでユーザーは操作を許可されており、それ以外の要素をアクティブにする等同時に操作することは出来ないと理解しております。
もちろん、JQueryを利用して、ボタンを用意してクリックすれば纏めて.empty()など一括削除の方法はあるのですが
クリック&ドラッグで纏めて選択させてデリートを押せば削除させることができるような方法があれば
アドバイスを頂ければと思います。
宜しくお願い申し上げます。
html
1<p id="foo">クリックしてドラッグすると</p> 2<p id="bar">まとめて選択できるよ</p> 3 4<input type="text" name="" id="hoge"> 5<input type="text" name="" id="piyo">