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

Question

我試圖在用戶單擊按鈕和/或用戶按下Enter鍵時觸發一個函數。我不知道如何在同一個元素中存儲兩個事件。

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

如何在同一個元素中使用onclick事件和enter鍵事件來觸發相同的函數？

Answer 1

您需要處理​​事件，並把你的邏輯在那裏，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>