マウスの右ボタンが押されていれば何かをする

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でトリガーされ、1回だけ呼び出され、後で発生するmousedownイベントは記録できません。

mousedownハンドラを実装する必要があります。下記を参照してください

DEMO - デモはmousedownとmouseleaveの両方を実装しています。

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