在DIV元素外部（而不是内部）单击时如何关闭/隐藏DIV元素

  • Z时代
  • 2024-01-10
  • 分类：问答

我<div>在页面上存在一个，我需要进行设置，以便当用户在该元素之外单击时它将被隐藏，但是如果用户在该元素内的某个位置单击，则它应该保留。

我尝试使用

e.stopPropagation();

和

e.preventDefault();

将其添加到该特定DIV的click事件中，但这没有用。

谢谢！

回答：

在弹出式鼠标悬停时切换 标志 ：

var $pop   = $('#popup'),
    notHov = 1; // Hover flag
$pop.hover(function(){ notHov^=1; }); // Toggle flag on hover
$(document).on('mouseup keyup', function( e ){
  if(notHov||e.which==27) $pop.fadeOut();
});

如果页面上的某个地方，你有一个元素 阻止 的mouseup event冒泡DOM树达document（以注册），您可能希望

（就像一个页面叠加）

注册点击事件，在代码改变只是选择以上：而不是$(document)将$('#popupWrapper')

以上是 在DIV元素外部（而不是内部）单击时如何关闭/隐藏DIV元素 的全部内容， 来源链接： utcz.com/qa/422168.html

回到顶部