Как сделать чтобы работала обработка событий при сочетании клика мыши и нажатия клавиши?

Question

[gleendo]

document.onmousedown = function(event) {
	document.onkeydown = function(evt) {
		if (evt.keyCode == 81) {
			console.log("Hello");
		}
	};
};

Почему событие нажатия клавиши возбуждается всегда, а не только при нажатии кнопки мыши? Как кинуть сообщение в консоль только если нажата кнопка мыши и нажата какая нибудь другая клавиша?

Наоборот получилось, а вот как сделать сначала клик а потом нажатие клавиши?

document.onkeydown = function(evt) {
	if (evt.keyCode == 81) {
		document.onmousedown = function(event) {
			console.log("Hello");
		};
	}
};

document.onkeyup = function(evt) {
	document.onmousedown = null;
}

Answer 1

[Mikhail Osher]

Если нужные нативные обработчики - думаю, догадаетесь, как сделать.

jQuery(function ($) {
  var $doc = $(document);
  var isDown = false;
  
  $doc.on('mousedown', function () {
    isDown = true;
  });
  
  $doc.on('mouseup', function () {
    isDown = false;
  });
  
  $doc.on('keypress', function (event) {
    if (isDown) {
      console.log(
        'pressed via mousedown',
        event.which
      );
    }
  });
});

Comments

[gleendo]

Mikhail Osher
Ну вот переписал на ванильный JS:

var isDown = false;

document.onmousedown = function() {
isDown = true;
}

document.onmouseup = function() {
isDown = false;
}

document.onkeydown = function(event) {
if (event.keyCode == 81 && isDown) {
console.log("Hello");
}
};

Но что то не совсем нравится решение, такое чувство что можно как то более менее лаконичнее. Но все равно спасибо, решение рабочее. Благодарю

[Mikhail Osher]

evg_: это самое, что ни есть, лаконичное решение.