Question

这用于在用户通过ajax在单个输入表单上提交输入后清除输入。

var tweet_input = document.getElementById(  tweet_input  );
tweet_input.value=  ;
tweet_input.blur();

然而，在3个输入字段的表单上，这不会：

var input_url = document.getElementById(  bookmark_input_url  );
    input_url.value=  ;
var input_title = document.getElementById(  bookmark_input_title  );
    input_title.value=  ;
var input_tag = document.getElementById(  bookmark_input_tag  );
    input_tag.value=  ;

input_title.blur();
input_url.blur();
input_tag.blur();

实际上只有最后一个元素是模糊的。不确定其他两个发生了什么，也不知道如何排除故障。

基本上，我有一个在blur（）上触发的事件监听器，它们在实际的用户blur（（）上工作良好，但当我试图以编程方式启动它们时，只有一个有效。

Answer 1

首先需要有重点。

input_title.focus();
input_title.blur();
...

Answer 2

这在我的情况下效果很好：

const fireEvent = (element, eventType="blur") => element && element.dispatchEvent(new Event(eventType));

现在，我们可以从任何地方调用此函数，以触发附加到任何元素的任何事件。

fireEvent(input_title)

参考

友情链接