title: stopPropagation or preventDefault in JavaScript?
body: <p>I try to remove a mouseover method until I am mouseout but I am using javascript. Is there any similar method whith the ones from jQuery?</p>
  
  <p>This are my events</p>
  
  <pre><code>function addEventListeners() {
      document.getElementById("container").addEventListener("mouseover", isClicked);
      document.getElementById("container").addEventListener("mouseleave", collapse);
      document.getElementById("close-button").addEventListener("click", collapse);        
      document.getElementById("box").addEventListener("click", clickthrough);
      document.getElementById("replay").addEventListener("click", replay);
      if(isIphone) document.getElementById("video").addEventListener("click", function(){collapse()});
  }
  
  &lt;div id="container"&gt;
      &lt;div id="ad" class="collapsed"&gt;
          &lt;div id="banner"&gt;
              &lt;img class="back" id="back" src="frames/frame_1.jpg"/&gt;
              &lt;img class="top" id="top" src="frames/frame_2.jpg"/&gt;
              &lt;img id="logo1" type="image/svg+xml" src="" /&gt;                                              
              &lt;div class="border" id="border"&gt;&lt;/div&gt;
              &lt;div id="cta"&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;div id="expansion"&gt;
              &lt;div class="exp_bn" id="exp_bn" &gt;
                  &lt;div class="con-pos" id="con-pos" &gt;                                         
                      &lt;div id="videoContainer" class="videoContainer"&gt;           
                          &lt;video class="video" id="video" autoplay&gt;&lt;/video&gt;
                      &lt;/div&gt;                                                                        
                  &lt;/div&gt;                    
              &lt;/div&gt;
              &lt;div class="endframe"&gt;&lt;/div&gt;
              &lt;img id="logo2" type="image/svg+xml" src="" /&gt;
              &lt;div id="box"&gt;&lt;/div&gt;
               &lt;div class="topgrp"&gt;
                  &lt;div id="close-button" class="icon-cross"&gt;&lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="bottomgrp"&gt;
                  &lt;div id="replay" class="icon-replay"&gt;&lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>