JavaScript代码按类自动点击按钮,如果找不到类,则重新加载当前页面[关闭] 。

问题描述 投票:-2回答:1

我需要一个 Javascript 如果没有找到按钮,可以通过类id点击按钮的代码,否则重载页面。

请帮我解决这个问题。

javascript javascript-events javascript-objects
1个回答
0
投票

在MDN文档上就有这样的例子。

开发者的网络技术> 开发者指南> 事件开发者指南> 创建和触发事件。

你可以检查按钮是否存在:如果不存在,则重新加载页面;否则,发射一个 MouseEvent 在...上 window.

const main = () => {
  document.addEventListener('DOMContentLoaded', onReady);
};

const onReady = () => {
  if (document.querySelector('.button-you-want') == null) {
    //location.reload(); // This will cause the frame to reload infinitely...
    return;
  }
  
  const btn = document.querySelector('.button-you-want');
  
  btn.addEventListener('click', handleClick);
  
  const event = new MouseEvent('click', {
    view: window,
    bubbles: true,
    cancelable: true
  });
  btn.dispatchEvent(event);
};

const handleClick = (e) => {
  console.log('Success!');
};

main();
<button class="not-the-button-you-are-looking-for">Hey</button>

<!-- Enable to not reload... 
<button class="button-you-want">Hey</button>
-->
© www.soinside.com 2019 - 2024. All rights reserved.