event.stopPropagation не работает

KML · №1

Вот этот код очень интересно себя ведёт:
XULExplorer:

Код:

<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
    <toolbar id="zzz">
        <toolbaritem
            class="toolbaritem-1 chromeclass-toolbar-additional"
            id="my-toolbaritem" align="center" pack="end" flex="0" contextmenu="_child"
            >
            <toolbarbutton id="my-button"
                class="toolbarbutton-1 chromeclass-toolbar-additional"
                flex="0"
                label="button" hidden="false"
                tooltiptext="menu.name;" oncommand="alert('btnClick');"
                type="menu-button">
                <menupopup id="dropdown-menu">
                    <menu label="menu" onclick="alert('menuClick');event.preventDefault();event.stopPropagation();">
                        <menupopup>
                            <menuitem label="save" oncommand="alert('saveClick');event.preventDefault();event.stopPropagation();"/>
                        </menupopup>
                    </menu>
                </menupopup>
            </toolbarbutton>
        </toolbaritem>
    </toolbar>
</window>

Если кликнуть на "save" получим два алерта:

saveClick
menuClick

Заменим oncommand

Выделить код

Код:

<menuitem label="save" oncommand="alert('saveClick');event.preventDefault();event.stopPropagation();"/>

на onclick

Выделить код

Код:

<menuitem label="save" onclick="alert('saveClick');event.preventDefault();event.stopPropagation();"/>

Если кликнуть на "save" получим два алерта:

btnClick
saveClick

Как решить эту проблему чтобы алерты не дублировались?

Shutnik · №2

я бы добавил условие

Выделить код

Код:

if(this.firstChild.state == "closed")

в обработчик клика кнопки (my-toolbaritem)

luitzen · №3

Выделить код

Код:

<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
    <toolbar id="zzz">
        <toolbaritem
            class="toolbaritem-1 chromeclass-toolbar-additional"
            id="my-toolbaritem" align="center" pack="end" flex="0" contextmenu="_child"
            >
            <toolbarbutton id="my-button"
                class="toolbarbutton-1 chromeclass-toolbar-additional"
                flex="0"
                label="button" hidden="false"
                tooltiptext="menu.name;" oncommand="if(this==event.target){alert(this.label)};"
                type="menu-button">
                <menupopup id="dropdown-menu">
                    <menu label="menu" onclick="if(this==event.target){alert(this.label)};">
                        <menupopup>
                            <menuitem label="save" onclick="alert(this.label);"/>
                        </menupopup>
                    </menu>
                </menupopup>
            </toolbarbutton>
        </toolbaritem>
    </toolbar>
</window>

Жестоко, согласен.

Полезная информация

№121-07-2010 13:30:03

event.stopPropagation не работает

Код:

Код:

Код:

№221-07-2010 14:41:33

Re: event.stopPropagation не работает

Код:

№321-07-2010 14:49:04

Re: event.stopPropagation не работает

Код:

Board footer