<!DOCTYPE html>

<html>
<head>
    <style>
        .box {
            width: 100px;
            height: 100px;
            border: 4px solid black;
        }
    </style>
    <script>
        function wheelHandler(e)
        {
        }

        function removeHandler()
        {
            window.setTimeout(function() {
                var target = document.getElementById('target');
                target.removeEventListener('mousewheel', wheelHandler);
                parent.frameChanged();
            }, 0);
        }
        
        window.addEventListener('load', removeHandler, false);
    </script>
</head>
<body>

<div id="target" class="box">
</div>

<pre id="output"></pre>

<script>
var target = document.getElementById('target');
target.addEventListener('mousewheel', wheelHandler);
</script>
</body>
</html>