Вызов одной и той же функции при нажатии мыши и нажатии клавиши с помощью html и javascript

Question

Я хочу вызвать ту же функцию в javascript либо при нажатии на кнопку мыши, либо нажатием клавиши (введите). Это мой код в html, но он не работает .. так могу ли я это сделать.?

<div class="C" onclick="Cfunc()" onKeyDown="if(keycode==13)Cfunc();"> 
    <p >C</p> 
</div> 

и это мой JS код:

function Cfunc() { 
    var audio = document.getElementById("Caudio") 
    audio.play(); 
} 

Answer 1

Я хотел бы сделать это за пределами разметки, как так:

// elements 
var audio = document.getElementById("Caudio") 
var play_btn = document.querySelector('.C') 

// event handlers 
play_btn.addEventListener('click', function() { 
    audio.play() 
}) 
document.addEventListener('keydown', function (event) { 
    if (event.keyCode == 13) { 
    audio.play() 
    } 
}) 

Если вы не хотите KeyDown события, связанного с весь документ, сделайте div сфокусированным и соответствующим образом измените его.

Answer 2

Вы можете сделать это, чтобы сделать эту работу как для

<div class="C" onclick="Cfunc()" onKeyDown="Cfunc();"> 
    <p >C</p> 
</div> 

и это мой JS код:

function Cfunc(e) { 
    if(e.keycode && e.keycode!=13) 
    return; 
    var audio = document.getElementById("Caudio") 
    audio.play(); 
}