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

vuktfyat 于 2023-04-28 发布在 Java

关注(0)|答案(2)|浏览(139)

如何使用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>

JavaScript

来源：https://stackoverflow.com/questions/49228284/how-to-trigger-a-focusout-event-programmatically

2条答案

按热度按时间

icnyk63a1#

你可以使用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>

赞(0）回复(0）举报 2023-04-28

cdmah0mi2#

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

例如：

document.getElementById（'linkURL '）。hideFocus;

赞(0）回复(0）举报 2023-04-28