在HTML的同一元素中使用多個事件

Question

我正在嘗試在用戶單擊按鈕並且/如果用戶按下Enter鍵時觸發功能。 我不確定如何在同一元素中存儲兩個事件。

 <td> <input type= "button" disabled id ="e2" value="Exercise 2" onclick ="loadQsets(2);setRadioValues(2);disableInput() ;" /></td>

如何在同一元素中同時使用onclick事件和Enter鍵事件來觸發相同功能？

Answer 1

您需要處理keydown事件並將邏輯放在if statement

參見示例。 13是Enter鍵的密碼

 document.getElementById('inp').addEventListener('keydown', function(e){ if(e.keyCode === 13){ console.log('Enter is pressed !'); } }); 

 <input id="inp"> 

Answer 2

  <td> <input type= "button" disabled id ="e2" value="Exercise 2" onclick ="loadQsets(2);setRadioValues(2);disableInput() ;" /></td> 

 window.onload=function(){ var btn = document.getElementById('e2'); function handleStuff() { loadQsets(2); setRadioValues(2); disableInput(); } btn.onclick = function() { handleStuff(); }; btn.onkeydown = function() { handleStuff(); } } 

  <td> <input type= "button" disabled id ="e2" value="Exercise 2" /></td>