鼠标无法在画布上移动吗?

时间:2019-10-23 22:12:01

标签: javascript angular canvas

我的角组件中有一个canvas元素。主要功能之一是单击并拖动画布上的选择窗口。

我正在跟踪一些鼠标位置:

  • handleMouseMove()跟踪画布上的运动,这是我在组件中实际使用的运动。
  • wrapper的{​​{1}}处理程序(模板中的内联代码)跟踪鼠标在整个组件上的移动,只是为了查看鼠标是否被识别。
  • 在我的mousemove中,我还将一个监听器附加到ngOnInit()上以跟踪window

有些时候,我单击并在画布上拖动时,鼠标指针变成了screenLocation,但我不知道为什么。我确实知道,当它处于这种状态时,所有鼠标跟踪都会停止。如果我要拖动选择,则放开鼠标可使指针恢复正常,但是not-allowed未注册,这使我的选择混乱。

关于为什么发生这种情况的任何线索吗?

我在此处包括了模板。

mouseup

1 个答案:

答案 0 :(得分:0)

我的猜测是,您的任何鼠标事件处理程序中是否有preventDefault()