如何以编程方式触发 Focusout 事件

Question

如何仅使用 JavaScript 而不是 jQuery 以编程方式触发 focusout 事件？

例如，在下面的代码中，想法是它应该警告 "Hello, world!" 因为 focusout() 函数（或类似的事件引发函数）被调用（focusout() 不是一个 JS 函数，但这就是想法）。

function helloWorld () {
  alert('Hello, world!');
}

document.getElementsByTagName( 'form' )[0].addEventListener( 'focusout', function( eventObj ) {
  helloWorld();
});

var event = new Event('focusout');
document.getElementsByTagName( 'form' )[0].dispatchEvent(event);

<form action="" method="post" id="sampleForm">
 <input type="text" id="linkURL" name="linkURL" placeholder="Link URL"><br>
  <input type="submit" name="action" value="Submit">
</form>

Answer 1

您可以使用 Event 构造函数来完成。

function helloWorld () {
  alert('Hello, world!');           
}

var event = new Event('focusout');
document.getElementsByTagName( 'form' )[0].dispatchEvent(event);  

document.getElementsByTagName( 'form' )[0].addEventListener( 'focusout', function( eventObj ) {
  helloWorld();
});

<form action="" method="post" id="sampleForm">
 <input type="text" id="linkURL" name="linkURL" placeholder="Link URL"><br>
  <input type="submit" name="action" value="Submit">
</form>

Answer 2

我们也可以使用“hideFocus”来实现属性。

例如：

document.getElementById('linkURL').hideFocus;

如何以编程方式触发 Focusout 事件

How to Trigger a Focusout Event Programmatically

javascript

blur

focusout

programmatically