title: Is it possible to lock mousedown in jQuery?
body: <p>Is it possible to lock mousedown in jQuery so it acts like the div is clicked all the time?  I have no idea where I should start.</p>
  
  <p>The mousedown should be in the iframe in the background the whole time.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>iframe{
   width:100vw; 
   height:100vh;
   position: fixed;
   z-index: 0;
  }
  
  .kram {
   font-family: sans-serif;
   font-style: bolder;
   font-size: 35vh;
   line-height: 30vh;
   letter-spacing: 0.02em;
   text-align: center;
  
   width: 80vw;
   height: 100vh;
  
   left: 10vw;
   right: 10vw;
  
   position: fixed;
  
   overflow: scroll;
  
   color: #00FFD5;
   z-index: 1;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="kram"&gt;
   HALLO HALLO&lt;br&gt;
   HALLO HALLO&lt;br&gt;
   HALLO HALLO&lt;br&gt;
   HALLO HALLO&lt;br&gt;
  &lt;/div&gt;
  
  &lt;iframe src="https://clara.io/embed/c4b7eec0-e307-4424-a4c3-ef41d7daaf7a?renderer=webgl&amp;timeline=false&amp;autoplay=true&amp;logo=false&amp;header=false&amp;tools=false&amp;bgColor=FFFFFF&amp;zoom=false"  allowfullscreen&gt;&lt;/iframe&gt;</code></pre>
  </div>
  </div>
  </p>