События и перехватчики для полей формы input в javascript

События и перехватчики для полей формы input в javascript

У инпутов в javascript есть:

  • onfocus - при фокусировке менять задний фон или бордеры;
  • onblur - при потере фокусировки запускать проверку того, что было введено;
  • onchange - при изменеии значения инпута, сработает только после того, как мы уберем фокус с элемента;

    document.querySelector("input").onfocus
    document.querySelector("input").onblur
    document.querySelector("input").onchange
    
  • onkeydown - при нажатии кнопки клавиатуры, сработает сразу;

  • onkeyup - при отжатии кнопки клавиатуры;
  • onkeypress - только после того как нажали и потом отпустили;
  • onmousedown - после нажатия левой кнопки мыши;
  • onmouseup - после отпускания левой кнопки мыши;
  • onclick - срабатывает на клик мыши;
  • ondblclick - после двойного клика на левую кнопку мыши;
  • oncontextmenu - после нажатия и отпускания правой кнопки мыши;
  • onmousemove - срабатывает на любое движение мыши (используется для drag'n'drop);
  • onmousedown - берем обьект - меняем координаты элемента (ставим новые координаты из первого аргумента события)