Chrome里默认情况下,在页面中拖动链接或者文本鼠标会是个禁止点击的样式,并且会丢失mouseup事件,所以我们不得不使用HTML5的拖放事件 – drag and drop. 然后在拖动开始事件dragstart中记录鼠标位置,放置事件drop中判断鼠标是往哪个方向移动过了,下面这段代码可以识别出左上,左下,右上,右下. 还可以在这个基础上判断一下鼠标移动距离来添加更多的动作.
Chrome拓展开发:鼠标拖拽/触摸屏拖放手势事件
1
Chrome里默认情况下,在页面中拖动链接或者文本鼠标会是个禁止点击的样式,并且会丢失mouseup事件,所以我们不得不使用HTML5的拖放事件 – drag and drop. 然后在拖动开始事件dragstart中记录鼠标位置,放置事件drop中判断鼠标是往哪个方向移动过了,下面这段代码可以识别出左上,左下,右上,右下. 还可以在这个基础上判断一下鼠标移动距离来添加更多的动作.