JS：带有图标的按钮的事件目标

Question

我只需要为这个 HTML 定义一个点击事件：

<button data-method="rotate" class="btn btn-default">
    <i class="fa fa-rotate-left"></i>
</button>

html

Template.page.events({
    'click button': function (event) { 
        var $button     = $(event.target),
            method      = $button.attr('data-method');
    }
});

但现在有一个问题，这只有在用户不点击 fa 图标时才有效，因为事件目标不同。在这种情况下，method 将是未定义的。 我怎样才能防止这种情况发生？

Answer 1

为什么不直接

$(this)   // or $(e.currentTarget)

而不是

$(event.target)

event.target 将您指向触发事件的实际元素。 但在您的情况下，您希望它是一个按钮及其所有后代元素。