event.target和事件捕获

时间:2013-07-18 21:36:11

标签: jquery events event-bubbling event-capturing

我对jquery很新,我现在正在阅读“学习jQuery”我有一个关于事件捕获和event.target的问题。

我有这样的HTML代码:

<div id="switcher" class="switcher">
        <h3>Style Switcher</h3>
        <button id="switcher-default">
          Default
        </button>
        <button id="switcher-narrow">
          Narrow Column
        </button>
        <button id="switcher-large">
          Large Print
        </button>
</div>

根据event capturing with jQuery jQuery不支持事件捕获,只支持冒泡。这意味着,如果按钮和div元素都绑定到click事件,当我单击按钮时,按钮的单击将首先调用,然后是div,并且因为不支持事件捕获,这意味着如果我单击div区域,按钮的点击功能不会被调用。

但是,如果我添加这样的内容:

$("#switcher").click(function(event) {
    alert(event.target);
});

如果我点击按钮,事件目标将是按钮。如果选择器$(“#switcher”)只选择div元素,那么当我点击按钮时,它会如何警告event.target?我想当我点击按钮时,上面的jQuery根本就不会被调用?

0 个答案:

没有答案
相关问题