Javascript 单击并拖动元素

Question

我正在使用phantomjs在网站上进行抓取和爬行，我来到了一个页面，为了在日历中预订一天中的事件时间段，我必须单击，按住鼠标按钮并将鼠标移到所有内容上我想在事件期间占用的时间段。日期是一个表行，槽位于具有随机生成的 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

我 fork 了另一个人的解决方案，并对其进行了调整以满足您的需求，但只能让该示例与除表格(tr td)之外的任何内容一起使用，请在此处检查:

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

这可以实现你想要的，我个人更喜欢使用 div 而不是表格。如果您重写自己的函数，您想要从中获取的主要内容是

window.getSelection();

和

document.selection.createRange();

在这段编写良好的代码中发生了一些更复杂的事情，但是您可以从这些构建 block 中重写它。