Javascript在mouseevent中更改DOM

Question

我有2个DIV，每个DIV中都有一个按钮可以点击。

现在我添加了一段代码，以便在他们获得mousedown时将DIV带到前面。哪个效果很好。问题是，他们吞下内部按钮的moused ...内部按钮只能通过双击来点击。

http://jsfiddle.net/nUtz6/

$('div').mousedown(function (event) {
    $(this).parent().append($(this));
});

我怎么能解决这个问题？我这样做是因为我不希望每次单击div时都将CSS属性的z-index增加到某个幻数。我读到jquery也做了DOM操作技巧。

问题似乎发生了，因为我在按钮的click-Event之前更改了DOM。如果我没有在mousedown做任何事情，一切正常。

Answer 1

只需检查DIV实际上是事件的目标：

$('div').mousedown(function (event) {
    if (event.target.tagName.toLowerCase() != 'button')
        $(this).parent().append($(this));
});

FIDDLE