JQuery `.blur()` in javascript

Question

使用JQuery，我可以对一个元素进行.blur()：

$('x').blur();

这是替换香草JS中的blur()调用的正确方法吗？

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

事件

Answer 2

如果有侦听器，请使用next

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

触发事件

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