一次点击多个链接

Question

我有这段 javascript:

 function refreshGroup(){
  var obj1 = document.getElementById("refresh0:link0");
  var obj2 = document.getElementById("refresh1:link1");
  obj1.click();
  obj2.click();
 };

并且最终会在列表中添加更多对象。每个对象都是页面上的一个链接。我想创建一个方法来刷新特定链接组的所有链接。链接与更新与链接关联的数据的支持 bean 方法相关联。这可以满足我的要求，只是它会等待每个链接完成运行，然后再单击下一个链接。有什么办法让它一次点击全部？

编辑：

这是我试图模拟点击 (JSF) 的一段代码：

<h:form id="refresh#{loop.index}" >
  <h:commandLink class="link" id="link#{loop.index}" value="#{a.status}" >
    <f:ajax listener="#{a.getCheckAppMonitor}" 
            render=":errs#{loop.index} :refresh#{loop.index} :errs_#{i+1}"
        onevent="refreshMoreLessLinks" />
  </h:commandLink>&nbsp;<img id="img_#{loop.index}"
                             class="hidden"
                             src="resources/images/ajax-loader.gif"/>
</h:form>

JSF 将其生成如下所示：

<FORM id=refresh0 encType=application/x-www-form-urlencoded method=post 
  name=refresh0 action=/appmonitor/faces/appmonitorgreeting.xhtml><INPUT 
  value=refresh0 type=hidden name=refresh0> <A id=refresh0:link0 
  onclick="mojarra.ab(this,event,'action',0,'errs0 refresh0 errs_1',{'onevent':refreshMoreLessLinks});return false" 
  href="http://localhost:8080/appmonitor/faces/appmonitorgreeting.xhtml#">OK</A>&nbsp;<IMG 
  id=img_0 class=hidden 
  src="appmonitorgreeting_xhtml_files/ajax-loader.gif"><INPUT 
  id=javax.faces.ViewState value=7494473519347208075:5184408304577602221 
  type=hidden name=javax.faces.ViewState autocomplete="off"> </FORM>

Answer 1

不要试图欺骗点击事件。

改为调用点击事件背后的函数。

将 DOM 视为视图，而不是模型。

Answer 2

有什么办法让它同时点击所有的？

据我所知，这是不可能的。因为单击元素会在浏览器管理的事件队列中添加一个事件。 当您执行语句obj1.click(); 时，它会注册附有obj1 的点击事件。当此事件到达事件队列的最前面时，浏览器会调用附加的相应事件处理程序。
当一些事件处理程序代码正在执行时，所有其他触发的事件都被添加到队列中，它们等待轮到它们移动到队列的前面。因此您可以一个接一个地单击元素，但附加的事件处理程序将执行一次一个。
原因：因为 JavaScript 使用单线程执行

如果一个事件处理程序正在执行一项大型计算，则所有触发的事件都必须等待该计算完成。
试试这个小提琴：here