开发者

Webkit and Safari fire mousemove even when mouse doesn't move

开发者 https://www.devze.com 2022-12-26 02:29 出处:网络
I\'ve read about issues where the mousemove event is fired twice in Safari/Webkit, but the problem I\'m facing is that mousemove fires even when the mouse is not moved. That is: it already fires when

I've read about issues where the mousemove event is fired twice in Safari/Webkit, but the problem I'm facing is that mousemove fires even when the mouse is not moved. That is: it already fires when the mouse cursor is positioned above the context that the event is attached to when the page is loaded/refreshed. And because I'm attaching it to document (entire viewport of the browser), it fires right away in Safari. I've tried to attach it to the html element, to the body and to a wrapper div. No change.

$(document).bind('mousemove', 开发者_运维问答function() {
  alert('Mouse moved!');
  $(document).unbind('mousemove');
});

Is does work ok in other browsers. Anyone seeing what I'm doing wrong? Thanks.


I know it’s a dirty hack, but at least this is something: simply execute the callback function the second time mousemove is fired.

var $document = $(document), i = 0;
$document.bind('mousemove', function() {
 if (++i > 1) {
  alert('Mouse moved!');
  $document.unbind('mousemove');
 };
});

Demo: http://fiddle.jshell.net/Yz5Bd/show/light/

For what it’s worth, Safari is not the only browser firing mousemove on page load — IE does it too. Anyhow, people using other browsers won’t notice the ‘delay’, since it’s virtually impossible to move your mouse only one pixel.

0

精彩评论

暂无评论...
验证码 换一张
取 消

关注公众号