如果鼠标右键按下（按下），则在悬停时执行某些操作

Question

当鼠标悬停在图像上并且按住鼠标右键时，我需要缩放图像。类似：

$('img').hover(
     function(){
       if (the-right-mouse-button-is-pressed){
         $(this).animate({
         width:  $(this).width() *2,
         height: $(this).height()*2,
         }, 500);
       }
     },
});

我需要帮助。谢谢。

Answer 1

编辑：对于您的以下评论，

谢谢。但是，它需要右键单击图片。它不是 如果您在屏幕的其他位置按住右键，则可以工作 然后传递图像

您需要添加 mouseup 事件并有条件地缩放。请参阅下面的代码，DEMO

var hasExpanded = false;
$('img').on('mousedown mouseup', function(e) {
    if (e.which == 3) {
            if (!hasExpanded) {
            $(this).animate({
                width: $(this).width() * 2,
                height: $(this).height() * 2,
            }, 500);
        }
        hasExpanded = true;
    }
}).mouseleave(function(e) {
    if (hasExpanded  == true) {
    $(this).animate({
        width: $(this).width() / 2,
        height: $(this).height() / 2,
    }, 500);
    hasExpanded = false;
}
});

---

你需要的东西不能通过悬停来实现。悬停将在mouseeneter 上触发，它只会被调用一次，并且它无法记录稍后发生的mousedown 事件。

您需要实现mousedown 处理程序。见下文，

DEMO - Demo 同时实现了mousedown 和mouseleave。

$('img').mousedown(function(e) {
    if (e.which == 3) {
        $(this).animate({
            width: $(this).width() * 2,
            height: $(this).height() * 2,
        }, 500);
    }
});