Mouseover gets fired without mousedown event

Question

I have some textboxes. I want to change their border-color to black on mouseover after mousedown. But when I mousedown and select the outer area from cells then mouseover fires without firing mousedown.

Here is a fiddle of the problem and here is my 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;
});

Boss this is going to closed!!! Mouseover is always first event when you move your pointer on any DOM node. — Jai, Aug 26 '15 at 12:51
Ya that's right but my quesion is After mousedown , mouseover works but not mouseout event. If i select cells outside their area with mousedown , it starts mouseovering without mousedown next time — Alok Sharma, Aug 26 '15 at 13:00
possible duplicate of [mouseover while mousedown](http://stackoverflow.com/questions/2970973/mouseover-while-mousedown) — Naveen Kumar Alone, Aug 26 '15 at 14:21

score 0 · Answer 1 · edited May 23 '17 at 11:51

0

Reference, this will help you

Try this one

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

Here is the sample JSBin

edited May 23 '17 at 11:51

Community

1
1

answered Aug 26 '15 at 13:01

Naveen Kumar Alone

7,536
5
36
57

Thank u Naveen , it resolved my issue . i was using input id in mouse up function instead of document due to which cells used to get selected as black border color on mouseover without mousedown – Alok Sharma Aug 26 '15 at 13:08

Mouseover gets fired without mousedown event

1 Answers1