JavasScript在鼠標事件中更改DOM

Question

我有2個DIV，每個DIV中都有一個Button，可在單擊時執行某些操作。

現在，我添加了一段代碼，以將DIV按下鼠標時放在前面。 哪個效果很好。 問題是，它們吞下了內部按鈕的鼠標按下...內部按鈕只能通過雙擊來單擊。

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

我該如何解決這個問題？ 我這樣做是因為我不想每次單擊div時都將CSS屬性的z-index增大到某個幻數。 我讀到jquery也可以執行DOM操作技巧。

出現此問題似乎是因為我在按鈕的單擊事件之前更改了DOM。 如果我不執行任何操作，一切正常。

Answer 1

只需檢查DIV實際上是事件的目標即可：

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