如何将短拖动事件解释为单击
How to interpret short drag events as clicks
有没有一种简洁的方法可以将短长度、短持续时间的拖动事件解释为单击事件?例如,我正在使用d3并定义以下事件,这些事件应该捕获SVG上的单击、鼠标移动(无拖动)和拖动事件,以及处理这些事件的结束:
@svg
.on("click", @plot_click )
.on("mousemove", @plot_mousemove )
.on("mousedown.drag", @plot_drag )
.on("touchstart.drag", @plot_drag )
# Global event detectors
d3.select("body")
.on("mouseup.drag", @mouseup)
.on("touchend.drag", @mouseup)
然而,鼠标不完美的短点击事件仍然注册为非常小的拖动事件,这对我的界面来说非常烦人。解决这个问题的好方法是什么?
当我使用d3定义事件处理程序时,我愿意为此调整任何通用的Javascript方法。
- 在mousedown时,将光标位置保存到全局变量(mousePosOnLastDown)
- 在mouseup上,检查光标是否移动了足够远。
- 如果有,请执行拖动操作
- 如果没有,请执行单击操作
- 清除鼠标向下光标的位置
从OP编辑:根本不使用点击操作,只使用鼠标向下/鼠标向上操作是有意义的。我相应地改变了你的回答
相关文章:
- 使用clickToggle并在单击另一个元素时关闭元素
- 单击时将焦点更改为元素
- 单击F5时如何停止页面加载
- 通过单击表单中的按钮,在代码生成中使用javascript生成字母数字代码
- 在单击任何位置时隐藏元素,而不检查每次DOM单击
- 单击jquery清除输入值
- 单击按钮以等待单击按钮
- 在单击href链接的同时下载文件
- 单击顶部导航时如何进行向下滚动效果(向下滑动).
- 使图像在单击时展开到不大于浏览器
- 单击按钮后如何逐个调用分区,上一个分区将隐藏
- 如何在单击复选框后调用控制器方法
- 单击页面上的链接后高度发生变化
- 使用jquery在单击时在单元格中输入值
- 将纯文本URL转换为可单击链接
- ASP.NET通过单击JavaScript按钮触发c#事件
- 单击更改图标并通过javascript添加一个css类
- 阻止在select2单击时调用ajax
- 复制图像路径以单击它
- 如何将短拖动事件解释为单击