要素をクリックしてドラッグするとJavaScriptが表示されます

Question

私はphantomjsを使用してサイトを掻き集めてクロールし、カレンダーのイベントの1日中のタイムスロットを予約するためのページに移動しました。クリックしてマウスボタンを押したまま、イベント中に占有したいすべてのタイムスロットにマウスを移動させなければなりません。この日はテーブル行であり、スロットはランダムに生成されたIDを持つテーブル列にあります。

<tr class="day" id="monday"> 
    <td class="slot" id="randomly-generated-id">Morning</td> 
    <td class="slot" id="randomly-generated-id">Lunch</td> 
    <td class="slot" id="randomly-generated-id">Afternoon</td> 
    <td class="slot" id="randomly-generated-id">Night</td> 
</tr> 

私はイベントのために、これが最古のスロットをクリックすると、あなたは、この特定のイベントのために予約したい各スロットの上にマウスをドラッグすることによって行われ、通常、グラフィックのブラウザで終日予約したいです。あなたはどのようにjavascriptのようなコマンドをトリガーしますか？ jQueryも動作します。

Answer 1

私たちのここでそれを確認し、別の人物のソリューションをフォークし、ニーズに合わせてそれを微調整だけのテーブル以外のもの（TR TD）で動作するように例を取得することができた：

http://jsfiddle.net/dcantato/fzkgLq6h/

これをあなたが望むものを達成し、私は個人的にはテーブルの上のdivで作業することを好みます。あなたがあなた自身の関数を再書く場合、あなたが離れてこのから取ることになるでしょう 主なものは、このよく書かれたコードで起こっているいくつかのより複雑なものがあります

window.getSelection(); 

と

document.selection.createRange(); 

ですそれらのビルディングブロックからは書き直すことができます。