【JS自用案例1】进入网页自动翻译/FOR遍历标签选项选中并按下键

刷壁纸的时候,发现标签都是不认识的单词,于是想到遍历便签通过模拟按键点下进行翻译。
但有个问题,就是按常规思路写出逻辑,再for循环总是不能同步点击,for会自己优先计算完然后固定i为最后一个值,导致每次都是重复选中最后一个标签;据说这是JS的局限性,什么异步操作的,由于是业余只会看逻辑,最后就想出个通过逻辑解决的办法——将setTimeout和需求的函数绑在一块再循环。

//选中文本函数
function SelectRan(para){
  
  window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty();
            let referenceNode = para;
            let selection = window.getSelection();
            let range = document.createRange();
            range.selectNode(referenceNode);
            selection.addRange(range);
}
//按键函数这里指定按键T
//需要安装easyscholar插件
const ClickT = new KeyboardEvent('keydown', {
    bubbles: true, cancelable: true, keyCode: 84
});

//输入Class\Tag类元素

function Run(ClassPara,time) {
   setTimeout(function(){
    //注,将需求函数SelectRan的参数time和下方的“time*1000”是同一个
    //以此方式绑在一起
      console.log( ClassPara[time].innerText )
      SelectRan( ClassPara[time] )
     //模拟点击按键T
      document.body.dispatchEvent(ClickT)
    }, 1000+time*1000)
}

for (var i=0;i< document.getElementsByClassName("tagname").length ;i++){
    Run(document.getElementsByClassName("tagname"), i)
}

其他思路,绑定页面时或可以设置点击页面触发。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值