如何以编程方式触发焦点事件



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

您可以使用

构造函数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>

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

前任:

document.getElementById('linkURL'(.hideFocus;

相关内容

  • 没有找到相关文章

最新更新