EventListeners

by aybalasubramanian

HTML

<link rel="stylesheet" href="https://rawgit.com/HubSpot/drop/master/dist/css/drop-theme-basic.css">
<script src="https://rawgit.com/HubSpot/tether/master/dist/js/tether.js"></script>
<script src="https://rawgit.com/HubSpot/drop/master/dist/js/drop.js"></script>
<div>Open and close three times while having Chrome Dev Tools open. Then run getEventListeners(dropInstance.drop)</div>
<button id="openButton">open</button>
<button id="closeButton">close</button>
<div id="target">target</div>
<div id="drop-content">somecontent</div>

CSS

#target {
    margin: 30px;
}

JavaScript

var target = document.getElementById('target');
var content = document.getElementById('drop-content');
var dropInstance = new Drop({
    target: target,
    content: content,
    openOn: undefined
});

document.getElementById('openButton').onclick = function () {
    dropInstance.open();
};

var closeCounter = 0;

document.getElementById('closeButton').onclick = function () {
    dropInstance.close();
    closeCounter++;
    if (closeCounter % 3 === 0) {
        console.log('getEventListeners(dropInstance.drop)');
        debugger;
    }
};