在元素上单击和拖动
Javascript to click and drag over elements
我正在使用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也可以。
我分叉了另一个人的解决方案,并对其进行了调整,以适应您的需求,但只能让这个例子与表(tr td)以外的任何东西一起工作,检查它在这里:
http://jsfiddle.net/dcantato/fzkgLq6h/这完成了你想要的,我个人更喜欢使用div而不是table。如果您重新编写自己的函数,您将希望从中吸取的主要内容是
window.getSelection();
和
document.selection.createRange();
在这段写得很好的代码中有一些更复杂的事情,但是从这些构建块中你可以重写它。
相关文章:
- 如何使元素在可拖动元素内可单击
- FullCalendar单击并拖动多个事件
- 防止在单击拖动时关闭引导下拉列表
- 当我单击画布并拖动鼠标时,光标将变为文本选择光标.我该如何防止这种情况发生
- 在jquery中单击并拖动
- d3-单击时触发的拖动行为
- D3 区分具有拖动行为的元素的单击和拖动
- 如何使用鼠标单击和拖动来放大 D3
- 如何防止在拖动时单击元素
- 防止正在拖动的父项的子项上的单击事件
- 如何在鼠标单击时设置可拖动事件
- jQuery UI - 如何区分拖动/调整大小启动事件和单击事件
- 连接到 Web 音频 API 增益节点的滑块在我拖动时弹出并单击.当我拖动时,音量没有平滑的斜坡
- 如何使用拉斐尔库在 Javascript 中执行动画,使用鼠标单击或鼠标拖动
- 用鼠标单击并拖动绘制一个矩形 - JavaScript
- 猫头鹰轮播 2 - 单击幻灯片时处于活动状态拖动
- 防止单击+拖动多个选择列表中的选择
- 通过单击并拖动来更新 HTML 输入字段的值(类似于 unity3d 界面)
- 使用单击事件和拖动事件
- jQuery UI可拖动:单击时堆叠