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

时间:2017-03-14 06:46:26

标签: javascript html function events

我正在尝试在用户单击按钮时触发一个功能和/或用户按下回车键。我不确定如何在同一个元素中存储两个事件。

var custominfo = [
  {
    "fb": "www.fb.com"
  },
  {
    "google": "www.google.com"
  }
];

for (var i=0; i<custominfo.length; i++){
   var elem = custominfo[i];
   var keys = Object.keys(elem);
   for (var j=0; j<keys.length; j++){
      console.log(keys[j]);
      console.log(elem[keys[j]]);
   }
}

如何在同一元素中同时使用onclick事件和enter键事件来触发相同的函数?

2 个答案:

答案 0 :(得分:2)

您需要处理if statement事件并将您的逻辑放在13

参见示例。 Enterdocument.getElementById('inp').addEventListener('keydown', function(e){ if(e.keyCode === 13){ console.log('Enter is pressed !'); } });

的关键代码

<input id="inp">
{{1}}

答案 1 :(得分:0)

 <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>