Javascript 有没有办法在不关注焦点的情况下模拟网站按钮点击

发布于06月17日

我有以下代码:

var parentAction = document.querySelector("[title='Actions for Tab']");
var refreshButton = parentAction.getElementsByClassName("slds-truncate")[0].click();

这会导致网站上的特定选项卡刷新.我在一个函数中设置了它，间隔设置为每60秒运行一次.运行时没有任何问题.

然而，很多时候，当用户在输入字段中键入内容时，此函数将运行.当点击发生时，它会从用户键入的内容中获得焦点，并导致页面上随机打开窗口，因为他们按的是键.如果他们当时没有打字，那没关系.他们只需单击返回到输入字段并继续.不过，这确实让人很沮丧.

有没有更好的方法来模拟点击事件，而不必从输入字段中获取焦点？

推荐答案

如果选项卡通过ajax刷新，那么为什么不调用一个方法呢

如果必须走这条路由:

var i = document.querySelector('input')
var inputFocus = false, pageTimer;
 
i.onfocus = () => {

    inputFocus = true;
    pageIdle()
}
  
i.onblur = () => { pageIdle() }


let refreshPage = () => {

   if (!inputFocus) console.log('page refresh')
}

let pageIdle = () => {
 
   console.log('user typing')
   if(pageTimer) clearTimeout(pageTimer)
   pageTimer = setTimeout(() => { inputFocus = false}, 6000)   <<  refreshes when users idles
}

setInterval(refreshPage, 2000)    <<  refreshes regularly 

document.onkeydown = () => {

   inputFocus = true 
   pageIdle()
}

https://jsfiddle.net/7co5yjnb/1/