Javascript 检测堆芯抽屉面板何时关闭？_Javascript_Html_Polymer

Javascript 检测堆芯抽屉面板何时关闭？

javascript html polymer

Javascript 检测堆芯抽屉面板何时关闭？,javascript,html,polymer,Javascript,Html,Polymer,例如，我试图检测用户何时点击网站上的核心抽屉面板我试图获取div的一些属性，以响应核心抽屉面板是否打开/关闭我通过为我使用的菜单图标添加事件监听器，成功地让它在打开时做出响应，但我遇到的问题是核心抽屉面板的关闭任何帮助都将不胜感激 <body fullbleed layout vertical> <template is="auto-binding"> <core-drawer-panel id="drawerPanel">

例如，我试图检测用户何时点击网站上的核心抽屉面板

我试图获取div的一些属性，以响应核心抽屉面板是否打开/关闭

我通过为我使用的菜单图标添加事件监听器，成功地让它在打开时做出响应，但我遇到的问题是核心抽屉面板的关闭

任何帮助都将不胜感激

<body fullbleed layout vertical>

<template is="auto-binding">

    <core-drawer-panel id="drawerPanel">

        <core-header-panel id="drawerCHP" drawer>

            <core-toolbar id="navheader">
                <span>My Webpage</span>
            </core-toolbar>

            <core-menu selected="0">
                <core-item icon="home" label="Home"></core-item>    
                <core-item icon="settings" label="Settings"></core-item>
                <core-item icon="help" label="Help"></core-item>
            </core-menu>
        </core-header-panel>

        <core-header-panel id="chp" main mode="seamed">
            <core-toolbar id="mainHeader">
                <paper-icon-button id="navicon" icon="menu"></paper-icon-button>
            </core-toolbar>
            <div class="content">
                <!-- Content Goes Here -->
            </div>
        </core-header-panel>
    </core-drawer-panel>

    <script>    
        document.getElementById("navicon").addEventListener("click", openDrawer);

        function openDrawer() {
            document.getElementById("drawerPanel").togglePanel();
        }
    </script>
</template>


我的网页
document.getElementById（“navicon”）.addEventListener（“单击”，打开抽屉）；
函数openDrawer（）{
document.getElementById（“抽屉面板”）.togglePanel（）；
}

我没有在Polymer应用程序中使用core drawer panel，因此无法使用core responsive change之类的事件。

查看core drawer panel的源代码，您似乎可以使用

文档。querySelector（'core-drawer-panel'）。isMainSelected（）

方法并获得真/假返回。true表示面板已关闭，false表示面板已打开。

通常，“核心响应更改”事件应起作用。显示一些代码，或者更好地设置在线示例。这将有助于获得更好的答案。@GoceRibeski我添加了一些示例代码，但我没有在聚合物应用程序中使用core drawer面板，这在尝试使用core responsive更改时可能是一个问题。我试图用JavaScript找到一个替代方案，但没有成功？！我认为“窄”属性是关键，做了一些测试，但它没有像我预期的那样工作：