用于点击特定文本链接的 Javascript 书签

Question

一个页面中有很多链接，我需要快速单击其中包含文本“删除”的链接。这会导致 AJAX 请求，因此需要稍微暂停一下。什么是 JavaScript 书签代码(没有库，例如 jQuery)，它将快速调用直接作为属性绑定(bind)到链接的 onclick() 事件，但仅限那些带有文本“删除”的链接？

就我自己能做到的而言，我得到:

javascript:
(function(){
  var links = document.getElementsByTag('a');
  for(var i = 0; i <= links.length; i++){
    if(links[i].innerHTML == "Delete"){
     setTimeout("links[i].onclick()", 500); // pause for previous AJAX to proceed
    }
  }
})();

Answer 1

onclick 通常不能这样使用 - 有时事件并不直接绑定(bind)到对象。该解决方案模拟点击。相反，您必须使用 element.eventDispatch ，我通过搜索how to trigger events找到了它.

所以这是应该起作用的东西:

(function(){
  // First we create the event
  var evt = document.createEvent("MouseEvents");
  evt.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);

  var links = document.getElementsByTag('a');
  for(var i = 0; i <= links.length; i++){
    if(links[i].innerHTML == "Delete"){

      // And here, we trigger the event
      setTimeout("links[i].dispatchEvent(evt)", 500); // pause for previous AJAX to proceed

    }
  }
})();

我不确定您等待 AJAX 请求的方法。 “正确”的方法是计算出请求的时间，但对于您的任务来说，一秒或半秒可能就足够了。