触发“ click”事件时，触发主干“ mouseleave”

Question

当光标离开div时，将触发mouseleave事件，但是如果我单击div内的按钮，尽管我的光标仍位于div内，但mouseleave和click事件均会触发。

这是代码：

events: {
    'mouseleave': 'test_1',
    'click button': 'test_2'    
},

test_1: function() {
    alert('mouseleave!');
},

test_2: function() {
    alert('click!');
}

单击底部时，将显示mouseleave警报。 为什么？？

Answer 1

尝试将alert更改为console.log 。 我认为是test_2中的警报导致您离开div。