leantouch ondrag
时间: 2023-06-19 11:03:34 浏览: 47
`ondrag` 是一个 HTML5 的事件,当用户拖动元素时触发。`ondrag` 事件的使用需要结合其他的拖拽事件,如 `ondragstart`、`ondragover`、`ondragenter`、`ondragleave` 和 `ondrop` 等。在使用 `ondrag` 事件时,需要添加 `draggable="true"` 属性来告诉浏览器该元素是可拖拽的。
关于 `leantouch`,我不确定你具体指的是什么。如果你是在使用某个框架或库,可以查看其文档或源代码,看看是否有对 `ondrag` 事件的封装和使用。
相关问题
ondrag要using什么
要使用HTML5中的ondragstart、ondragover、ondrop和ondragend等事件处理函数,以及JavaScript中的相关方法(如event.preventDefault()和event.dataTransfer.setData())来实现拖放功能。
echarts markline 开启draggable后不能监听到ondrag拖动事件、
是的,您的描述是正确的。在 ECharts 中,当您将 markline 设置为可拖动时,它不会触发 ondrag 事件。这是因为 markline 的拖动事件是在 echarts 的内部处理的,而不是像普通的 DOM 元素一样触发 ondrag 事件。
如果您需要在 markline 拖动时执行某些操作,可以通过监听 echarts 的 onmouseup 事件并检查是否拖动了 markline 来实现。具体来说,您可以在 onmouseup 事件中检查 markline 的位置是否发生了变化。如果发生了变化,则可以执行您需要的操作。
以下是一个示例代码片段,演示如何在 markline 拖动时执行某些操作:
```javascript
myChart.on("mouseup", function(params) {
var option = myChart.getOption();
var markLine = option.series[0].markLine;
if (
markLine.data[0].coord[0] !== markLine.data[1].coord[0] ||
markLine.data[0].coord[1] !== markLine.data[1].coord[1]
) {
// markline has been dragged
// do something here
}
});
```
在这个示例中,我们检查了 markline 的两个端点的坐标是否发生了变化。如果它们发生了变化,那么我们就知道 markline 已经被拖动了,可以在这里执行我们需要的操作。