jquery 如何在不中断双击事件的情况下在MouseUp事件期间更改DOM元素

jxct1oxe 于 2022-12-18 发布在 jQuery

关注(0)|答案(2)|浏览(127)

我需要在mouseup事件处理程序中从目标DOM元素中删除CSS类名，但这样做似乎会阻止双击事件的触发。我猜这是因为我正在更改双击所附加的DOM元素，而JavaScript正在取消事件队列，因为该元素发生了更改。到目前为止，我提出的方法是将CSS类的删除设置为300毫秒左右的超时时间...
下面是一些粗略的代码。jQuery只是为了方便。

var myElm = $(someElm);
    myElm
      .mouseup(function(e) { $(this).removeClass("abc"); })
      .dblclick(function (e) { alert ('hi!'); });

它不会打招呼的！
有人有什么好办法吗？

jquery

来源：https://stackoverflow.com/questions/5120037/how-to-alter-a-dom-element-during-mouseup-event-without-disrupting-double-click

2条答案

按热度按时间

5q4ezhmt1#

删除类abc可能会改变对象的大小或可见性，使其不可点击，这样事件就不会被触发。尝试将这些属性（如宽度、高度、可见性）存储在另一个类中，这样你就不会删除。
即使这样对我也很好。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <style type="text/css">
        .style1
        {
            width: 100px;
            height: 100px;
            border: solid 1px black;
            background-color: Green;
        }
        .style2
        {
            background-color: Red;
            width: 200px;
            height: 200px;
        }
    </style>
    <script type="text/javascript" src="Scripts/jquery/jquery-1.4.2.js"></script>
    <script type="text/javascript">
        $(function () {
            var myElm = $('.style2');
            myElm
              .mouseup(function (e) { $(this).removeClass("style2"); })
              .dblclick(function (e) { alert('hi!'); });
        });

    </script>
</head>
<body>
    <div class="style1 style2" />
</body>
</html>

赞(0）回复(0）举报 2022-12-18

pkwftd7m2#

我认为以下两种方法都适合您：

.mouseup(function(e) { 
    $(this).removeClass("abc"); 
    e.stopPropagation();  
  })

以及

.mouseup(function() { 
    $(this).removeClass("abc"); 
    return false;
  })

赞(0）回复(0）举报 2022-12-18

我来回答

jquery 如何在不中断双击事件的情况下在MouseUp事件期间更改DOM元素

2条答案

相关问题

热门标签

最新问答