为特定div的onmouseleave操作添加延迟-javascript、html、jquery

为特定div的onmouseleave操作添加延迟-javascript、html、jquery,javascript,jquery,html,mouseevent,mouseleave,Javascript,Jquery,Html,Mouseevent,Mouseleave,对于某类div,我需要onmouseleave操作的简单延迟 如果可能,如果您在触发延迟操作之前再次输入div,然后在再次离开div后再次启动(延迟从开始重新开始),则应取消该延迟操作 首选的解决方案是jquery函数,但我对任何其他方法都持开放态度。试试jquery <div class="container4" style="position: relative; left: 0px; top: 0px; width: 80px; height: 90px; border: solid

对于某类div,我需要onmouseleave操作的简单延迟

如果可能,如果您在触发延迟操作之前再次输入div,然后在再次离开div后再次启动(延迟从开始重新开始),则应取消该延迟操作

首选的解决方案是jquery函数,但我对任何其他方法都持开放态度。

试试jquery

<div class="container4" style="position: relative; left: 0px; top: 0px; width: 80px; height: 90px; border: solid 1px black;" onmouseenter="this.style.border='solid 3px red';" onmouseleave="this.style.border='solid 1px black';" onclick="this.style.background='rgba(0, 0, 0, 0.5)';" oncontextmenu="return false;"></div>
演示:

试试jQuery

<div class="container4" style="position: relative; left: 0px; top: 0px; width: 80px; height: 90px; border: solid 1px black;" onmouseenter="this.style.border='solid 3px red';" onmouseleave="this.style.border='solid 1px black';" onclick="this.style.background='rgba(0, 0, 0, 0.5)';" oncontextmenu="return false;"></div>

演示:

还有一个问题-如何使用onclick禁用onmouseenter和onmouseeve(或整个此功能)?@weaponx您可以调用
$('.container4').off('mouseenter mouseleave')嘿,阿伦,我发布了另一个关于在代码中添加内容的问题。在这里查看:还有一个问题-如何使用onclick禁用onmouseenter和onmouseeve(或整个此功能)?@weaponx您可以调用
$('.container4').off('mouseenter mouseleave')嘿,阿伦,我发布了另一个关于在代码中添加内容的问题。在这里查看: