отслеживание событий перемещения мыши, хотя разные div?

Question

У меня есть маленький эффект мыши, который рисует на холсте, однако, когда мышь пересекается с другим элементом dom, браузер имеет проблемы и не следует точно за мышью, вместо этого он запутывается и отбрасывает координаты, вызывая эффект быть нестабильным.

Я пытался прикрепить слушателя к cnvas, документу и окну, поскольку моя первоначальная мысль была связана с другими событиями, которые пузырились и сбрасывали вещи, но ... без кубиков.

Посмотрите здесь и наведите курсор мыши на края слоя: http://jsbin.com/ofosur/9/edit#javascript,html,live

также он становится еще более странным с небольшим поворотом в div: http://jsbin.com/ofosur/8/edit#javascript,html,live

Большое спасибо за любую помощь!

Answer 1

Эта функция вызывается, когда мышь входит в то внутреннее пространство, которое перезапускает мазок кисти ...

function onCanvasMouseOver(event) {
    strokestart(event.clientX, event.clientY);

закомментируйте strokestart, и это, кажется, работает. НТН