当鼠标不在按钮区域时执行点击按钮

Execute click on button when mouse if out of button area

本文关键字：按钮 执行 区域 鼠标      更新时间：2023-09-26

我从页面上得到一个按钮，只有当鼠标在上面时才能点击。

按钮看起来像:

<button class="btn-large red" data-bind="text: submitLabel, trueClick: submit,
          css: { 'light-skin': ff.DealTicket.useLightSkin, disabled: !isValid() || isOrderPending() ||isSubmitting(), blue: isBuy(), red: !isBuy(), yellow: isOCO() }">Place Sell Trade</button>

我想执行点击这个按钮，所以在开发者工具的控制台(谷歌Chrome浏览器)我写的代码如下:

document.querySelector('button.btn-large.red').click;

当我输入代码时，它只返回"未定义"，什么也没有发生。当我在interval中输入

setInterval(function(){
    document.querySelector('button.btn-large.red').click();
    }, 2000)

它应该每两秒点击一次按钮，但不点击。当我把鼠标放在这个按钮上，这个代码从Interval工作，点击…

我也试过interval with focus on

setInterval(function(){
    document.querySelector('button.btn-large.red').focus();
    document.querySelector('button.btn-large.red').click();
    }, 2000)

…但是同样的，当鼠标远离这个按钮时，不要点击。

当鼠标远离该按钮点击该按钮时，我该怎么做?

您的代码似乎正在工作。你为什么说它不起作用?您是否向按钮上的click事件添加了一些事件侦听器?

document.querySelector('button.btn-large.red').addEventListener('click', function() {
  console.log('Clicked');})
document.querySelector('button.btn-large.red').click();
setInterval(function() {
  document.querySelector('button.btn-large.red').focus();
  document.querySelector('button.btn-large.red').click();
}, 2000)
<button class="btn-large red" data-bind="text: submitLabel, trueClick: submit,
          css: { 'light-skin': ff.DealTicket.useLightSkin, disabled: !isValid() || isOrderPending() ||isSubmitting(), blue: isBuy(), red: !isBuy(), yellow: isOCO() }">Place Sell Trade</button>

相关文章：