画布鼠标按下（拖拽）会先触发画布的点击事件

[xyj367]

问题描述
请用简洁的语言描述你遇到的bug，至少包括以下部分，如提供截图请尽量完整：

1. 问题触发的条件
   拖拽画布；
2. 期望的表现
   鼠标按下的时候不触发画布点击事件；应该短时间内的一次鼠标mousedown、mouseup才会触发点击事件
3. 实际的表现
   鼠标按下的时候就触发了画布点击事件；

最简复现demo
https://stackblitz.com/edit/vitejs-vite-h11xsz?file=package.json

[towersxu]

目前的确没有对画布的点击和拖动进行区分，请问什么场景需要用到这个功能，方便我们评估这个问题的影响范围和优先级。

[xyj367]

画布中自定义了一个隐藏节点处理bpmn的process节点相关属性，点击空白画布的时候会获取到这个节点在右侧属性栏做展示（点击画布其他点也会做相同处理）；现在是点击正常显示的节点后，如果此时想拖拽画布，会更新右侧属性栏为process属性；有点影响操作体验 @towersxu

[towersxu]

@xyj367 还是没太明白这个场景，为啥不直接监听点击节点更新process属性？

[xyj367]

@towersxu process节点不应该显示在画布上，自定义了一个长宽为0的节点处理，无法点击到该节点，当前是监听点击画布事件去找到这个节点再进行属性处理。（优化体验，目前在页面另加了一个按钮主动获取该节点进行属性处理）

[188007803]

这是两种事件，区分太重要了。

一般来说，我们点击哪个元素，就应该显示哪个元素的属性面板，点击画布，就显示（工作流）的属性面板。

如果不区分点击和拖拽，就没办法实现这种逻辑了。

[ninjiawsj]

可以分别监听一次鼠标按下blank:mousedown和鼠标松开blank:mouseup的事件，判断两次事件发生后鼠标的clientX和Y是否一样来区分是拖动还是点击事件