使用 JS 脚本单击按钮（CSS）[重复]

Posted 2023-03-25

【中文标题】使用 JS 脚本单击按钮（CSS）[重复]

【英文标题】：click button (CSS) using JS script [duplicate]

【发布时间】：2021-12-27 07:30:33

【问题描述】：

我正在制作一个西蒙说游戏， 我使用 4 个颜色完美的按钮。 这个过程很简单——程序向用户展示颜色。 通过单击按钮重复序列。

我希望让程序以与用户相同的方式激活按钮，并具有适当的激活效果。

.but:active // <-- how do i initiate this with js?
        box-shadow: 0 5px #666;
        transform: translateY(4px);

【问题讨论】：

你可以使用类来代替:active。

【参考方案1】：

你是说

document.querySelector(".but").click()

或

const buts = document.querySelectorAll(".but");
const cnt = 0;
setInterval(function()  
  if (cnt>= 0) cnt = 0; 
  but[cnt].click();
  cnt++;
,2000)

【参考方案2】：

let but = document.querySelector('.but');

but.addEventListener('click', () => 
   but.classList.add('active');

   let activeStatus = document.querySelector('.active');
   activeStatus.style = `
   box-shadow: 0 5px #666;
   transform: translateY(4px);
  `;
);

【讨论】：

这不是 OP 所要求的。他们想以编程方式点击按钮