Mouseover在没有mousedown事件的情况下被触发

Question

我有一些文本框。我希望在mousedown之后将鼠标悬停时的边框颜色更改为黑色。但是当我mousedown并从细胞中选择外部区域然后鼠标悬停而不发射mousedown。

Here is a fiddle of the problem这是我的javascript：

var _mouseDown = false;

$( "input[id^='text']" ).mousedown(function() {
    _mouseDown = true;
});
$( "input[id^='text']" ).mousemove(function() {
    if ( _mouseDown ) {
        $(this).css("border-color","black")
    } 
});
$( "input[id^='text']" ).mouseup(function() {
    _mouseDown = false;
});

Answer 1

<强> Reference, this will help you

试试这个

~"calc(100%/6 - 24px)"

以下是示例JSBin