已解決430363個問題，去搜搜看，總會有你想問的

如何在使用ECharts DataZoom組件拖動圖表時，鼠標指針離開圖表取消拖動狀態？

首頁猿問如何在使用ECharts...

如何在使用ECharts DataZoom組件拖動圖表時，鼠標指針離開圖表取消拖動狀態？

JavaScript

三國紛爭 2018-09-08 20:12:45

由于ECharts中DataZoom組件拖動時鼠標指針離開圖表不取消拖動狀態，鼠標指針再度進入圖表時，即使沒有按住左鍵，圖表也會跟隨指針移動。例如這個官方demo中也有類似情況http://echarts.baidu.com/exam...一般來說，如果自己擼類似的功能的話可以在mouseleave之類的事件中處理相關問題，然而剛才翻了一下ECharts以及ZRender的源碼，似乎是由于ZRender無法響應mouseleave，導致ECharts也沒響應mouseleave事件不知道有沒有什么辦法可以解決這個問題，望不吝賜教

查看完整描述

1 回答

慕絲7291255

TA貢獻1859條經驗獲得超6個贊

在 mouseleave 時手動 dispatch 一個 mouseup 到 canvas 元素即可

var mouseEvent= document.createEvent('MouseEvents');
mouseEvent.initEvent('mouseup', true, true);
echartsCanvasEle.dispatchEvent(mouseEvent);

反對回復 2018-09-09

1 回答
0 關注
3168 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何在使用ECharts DataZoom組件拖動圖表時，鼠標指針離開圖表取消拖動狀態？

如何在使用ECharts DataZoom組件拖動圖表時，鼠標指針離開圖表取消拖動狀態？

1 回答

添加回答

如何在使用ECharts DataZoom組件拖動圖表時，鼠標指針離開圖表取消拖動狀態？