在另一个事件JQuery中调用一个事件

Question

好的,所以我有一个div网格,如下所示:

<div class="check1"></div>
<div class="check1"></div><div style="clear:both;"></div>
<div class="check1"></div>
<div class="check1"></div>

在我的jquery中,我检查是否有一个div被点击使用:

$('.check1').mousedown(function(){
    $(this).css('background-color','blue');
});

我想做的是如果一个div被陈词滥调并按住但光标移动到另一个div我也希望该div改变颜色.我尝试了这个例子,但无论是否调用了鼠标按下事件,都会调用mouseover事件.

$('.check1').mousedown(function(){
    $(this).css('background-color','blue');

    $('.check1').mouseover(function(){
        $(this).css('background-color', 'blue');
    });
});

这是可能的,如果是这样,我做错了什么/我需要改变什么？

Answer 1

你可以使用一个简单的flag概念

码:

var flag = 0;
$('.check1').mousedown(function () {
    $(this).css('background-color', 'blue');
    flag = 1;
}).mouseup(function () {
    flag = 0;
}).mouseover(function () {
    if (flag) {
        $(this).css('background-color', 'blue');
    }
});

测试链接