JQuery `.blur ()` in javascript

Question

Используя JQuery, я могу использовать .blur() для элемента:

$('x').blur();

Это правильный способ замены вызова blur() в ванили JS ?

document.querySelector('x').dispatchEvent('blur');

Answer 1

Вы можете сделать это просто, используя имя события в качестве вызова метода. Используйте blur() на селекторе для запуска события,

document.querySelector('x').blur();
// or 
document.getElementById('x').blur();

другие события

.click()
.focus()
.submit()

См. Здесь дополнительные события

---

dispatchEvent

Метод dispatchEvent обычно используется для запуска пользовательского события.

var myEvent = new Event('myEvent');

// Listen for the event.
document.querySelector('x').addEventListener('myEvent', function (e) { /* ... */ }, false);

// Dispatch the event.
document.querySelector('x').dispatchEvent(myEvent);

https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Creating_and_triggering_events

Answer 2

в случае слушателей, используйте следующую

document.querySelector('x').addEventListener('blur', yourFunction);

, чтобы вызвать событие

document.querySelector('x').blur();