javascript - 在鼠标按下时将类添加到对象

Question

我想在单击 div 时添加“selected”类。问题是，如果我单击具有父 div 的 div。父级被选中，而不是我想要选择的子级 div。

我希望能够在不选择子 div 的情况下单击父 div，并在不选择该 div 的任何父级的情况下单击子 div。 一次只能有 1 个 div 具有所选类别。 div 也可以调整大小并可拖动。

$("#wrapper").delegate('div:not(".ui-resizable-handle")', 'mousedown', function() {
      $(".drag").removeClass('selected');
        $(this).addClass('selected');

    });

演示:http://jsfiddle.net/6wYRF/3/ ...有什么想法吗？

Answer 1

这是因为事件传播，请通过从事件处理程序返回 false 来防止它

$(".drag").draggable();
$(".drag").resizable();

$("#wrapper").delegate('div:not(".ui-resizable-handle")', 'mousedown', function() {
    $(".drag").removeClass('selected');
    $(this).addClass('selected');
    return false;
});

演示:Fiddle