javascript - キープレスとマウスオーバーを同時に検出する方法

Question

わかりましたので、使用してマウスオーバーを検出できます.on('mouseover')

を使用してキープレスを検出できます

$(document).keypress(function(e) {
        console.log(e.which);
}

しかし、特定のボタンを押したときにマウスがホバーしている画像を検出するにはどうすればよいですか?

アイデアは、画像にカーソルを合わせて d を押すことで画像を削除できるようにすることです。何か案は ？

Answer 1

jsFiddle を使用したより良い例を追加しました: http://jsfiddle.net/cUCGX/ (ボックスの 1 つにカーソルを合わせて Enter キーを押します)。

---

各画像に on('mouseover') を与え、その画像に基づいて変数を設定します。

そう

var activeImage = null;

myImage.on('mouseover', function() {
  activeImage = 'myImage';
});

myImage2.on('mouseover', function() {
  activeImage = 'myImage2';
});

$(document).keypress(function(e) {
  if (e.which == 'certainKeyPress'  && activeImage) {
    //do something with activeImage
    console.log('The cursor was over image: ' + activeImage + ' when the key was pressed');
  }
});

ホバーされているときにのみキーを押したい場合は、各画像に onmouseout を追加して activeImage をクリアすることもできます。

Answer 2

これを使用して、マウスが id の画像の上にあるかどうかをテストしますimg。

$('#img').is(":hover")