Question

我注意到在Chrome中（我使用Chrome 35.0.1916.114 [更新：也出现在＆＃34; 35.0.1916.153 m＆＃34;]，Windows 7 64-当我点击左键时，不仅是一个mouseDown事件被引发（正如我所料），而且还有一个mouseMove。

在this fiddle中，如果您点击输入元素，您会看到＆＃39; D＆＃39;对于每个提出的mouseDown事件和一个＆＃39; M＆＃39;对于每个mouseMove。

HTML：

<input id="txt" type="text"/>
<p>Moves</p><p id="moves">0</p>
<p>Downs</p><p id="downs">0</p>
<p id="activity">Activity</p>

JS：

$( "#txt" ).mousedown(function() {
     document.getElementById("activity").innerHTML +="D";
    update(false,true);
});
$( "#txt" ).mousemove(function() {
    document.getElementById("activity").innerHTML +="M";
    update(true,false);
});

function update(move, down) 
{
    var moves=document.getElementById("moves").innerHTML;
    if (move) 
    {
        moves ++;
        document.getElementById("moves").innerHTML=moves;
    }

    var downs=document.getElementById("downs").innerHTML;
    if (down) 
    {
        downs ++;
        document.getElementById("downs").innerHTML=downs;
    }
    var d=parseInt(downs);
    var m=parseInt(moves);
    if ((d+m)%25==0)
    {
        document.getElementById("activity").innerHTML +="<br>";
    }
}

在FF和IE11中，一旦光标位于输入元素中，您就可以获得连续的D（即，单击会引发单个mouseDown事件）。在Chrome中，每次鼠标单击都会引发mouseDown和两个mouseMove事件。

这不是因为我使用轨迹球时鼠标轻微摆动，因此光标绝对静止。

有人知道解决方法吗？

由于戴夫

Answer 1

确实存在一个奇怪的问题，但有一点旗帜可以规避这个问题：http://jsfiddle.net/3a28p7ek/

更改非常简单，在每个鼠标按下时将ignoreNextMove设置为true并在设置此标志后取消移动处理程序，重置标志后以便正确处理常规移动事件：

ignoreNextMove = false;

$( "#txt" ).mousedown(function() {
    ignoreNextMove = true;
    document.getElementById("activity").innerHTML +="D";    
    update(false,true);
});
$( "#txt" ).mousemove(function() {
        if(ignoreNextMove)
    {
        ignoreNextMove = false;
        return;
    }
    document.getElementById("activity").innerHTML +="M";
    update(true,false);
});

为什么Chrome会在mousedown上移动鼠标？

1 个答案: