Как в событии click узнать была нажата кнопка с клавиатуры или с мышки?

Question

[Дмитрий Афанасьев]

Вот код. Как мне проверить с помощью чего пользователь нажал на кнопку ?

myButton.addEventListener("click",function(e) {
  тут внутри как проверить ?

}

Comments

[Никита Егоров]

Какой клавишей можно нажать на кнопку?

[Владимир Проскурин]

Никита Егоров, tab а потом на enter

[Дмитрий Афанасьев]

Никита Егоров, пробел и энтер но что это даст ?

Answer 1

[Никита Егоров]

let key = 0;

document.getElementsByTagName('button')[0].addEventListener('click', () => {
		if (key == 13)
    	console.log('Клава')
    else 
    	console.log('Мышка')
      
    key = 0
}) 

document.addEventListener('keypress', (e) => {
		key = e.keyCode
    console.log(key)
})

Рабочий пример - https://jsfiddle.net/Svupol/8d5bvxrL/3/

Comments

[Дмитрий Афанасьев]

Спасибо! Только вот разве нельзя никак проверить в click событии ?

[Никита Егоров]

Дмитрий Афанасьев, я кажется нашел - e.detail

document.getElementsByTagName('button')[0].addEventListener('click', (e) => {
    if (!e.detail)
    	console.log('Клава')
    else 
    	console.log('Мышка')

})

[Дмитрий Афанасьев]

Никита Егоров, Я уже по твоему примеру сделал.

[Никита Егоров]

Дмитрий Афанасьев, отметите решением?

[Дмитрий Афанасьев]

Никита Егоров, Завтра проверю еще detail. и отмечу.

Answer 2

[Антон]

jsfiddle.net/v2wvF