jquery - 如何在我的 HTML 按钮短暂延迟后触发点击？

Question

有一种称为 duell 的技术，它用于网站的可访问性原因。它被只能移动设备(即鼠标)的人使用，它是这样工作的。在悬停效果上，悬停持续时间比让我们以 1 秒为例，然后触发点击功能。我想用 jQuery 模拟我的 HTML 中的按钮元素。

Answer 1

var timer = null;
$('button').hover(mouseIn, mouseOut);

function mouseIn() {
   timer = setTimeout(triggerClick, 3000);
}

function mouseOut() {
   clearTimeout(timer );
}

function triggerClick() {
  $('button').trigger('click');
}

此解决方案使用计时器。当您将鼠标悬停在元素上时启动计时器，并在您停止悬停在该元素上时清除它。显然这只适用于 1 个按钮，但您可以轻松修改它以适用于页面上的所有按钮。