Вопрос:

Использование более одного события в одном элементе в HTML

javascript html function events

51 просмотра

2 ответа

58 Репутация автора

Я пытаюсь отключить функцию, когда пользователь нажимает кнопку И / ЕСЛИ пользователь нажимает клавишу ввода. Я не уверен, как хранить два события в одном элементе.

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

Как использовать событие onclick и событие клавиши ввода в одном и том же элементе для запуска одной и той же функции?

Автор: MusicGirl Источник Размещён: 14.03.2017 06:46

Ответы (2)


2 плюса

47316 Репутация автора

Вы должны обработать keydownсобытие и поместить свою логику там, подif statement

Смотрите пример. 13это код ключа дляEnter

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

Автор: Suren Srapyan Размещён: 14.03.2017 06:47

0 плюса

14185 Репутация автора

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

Автор: abc123 Размещён: 14.03.2017 06:51
Вопросы из категории :
32x32