translateX = event.ovesetX setter on mousemove事件返回1 - 有时

Question

快速而简单的问题，关于某种洗涤器的事情。见下面的小提琴。

当绑定到mousemove事件（使用jQuery），并在向正方向移动时设置transformX属性时，大约有1/2变化它返回1.

$floater.css('transform', 'translateX('+event.offsetX+'px)');

左侧偏移的相同设置 - 没有问题！

浏览器不一致：

• Firefox什么都不做
• IE与Chrome
相同
• 抬头，IE决定在打开我的小提琴时崩溃

小提琴： http://jsfiddle.net/n3Z3Y/3/

Answer 1

发生这种情况是因为当鼠标光标位于“浮动”div上时，您将丢失容器父级上的鼠标悬停。当鼠标悬停在浮动div上时，快速修复可能会返回false。小提琴已更新here。

$floater.on('mousemove', function(event) {
    event.stopPropagation();
    event.preventDefault();

    // cross browser propagation stopping...
    return false;
});