跳到主要内容

1 篇博文 含有标签「定时器」

查看所有标签

· 阅读需 3 分钟
熊滔
信息

该笔记是来源于公众号文章还在用定时器吗?借助 CSS 来监听事件

hover延时触发

一般方法

鼠标进入时开始定时器

var timer = null
el.addEventListener('mouseover', () => {
timer && clearTimeout(timer)
timer = setTimeout(() => {
// 具体逻辑
}, 1000)
})

鼠标离开时取消定时器

el.addEventListener('mouseout', () => {
timer && clearTimeout(timer)
})