JSFiddle - React, Tailwind, and code Playground

by Anders Stensgaard

HTML

<!DOCTYPE html>
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha256-/SIrNqv8h6QGKDuNoLGA4iret+kyesCkHGzVUUV0shc=" crossorigin="anonymous"></script>
  <body>
    <div id="wrap" unselectable="on">
      <iframe id="frame" src="https://outlook.live.com/owa//calendar/00000000-0000-0000-0000-000000000000/3872f47b-930d-4262-942d-6b22c4b49059/cid-C1B2C567865AC9BF/index.html"></iframe>
    </div>
    <script type="text/javascript">
       document.getElementById('frame').onload = function() {
       debugger;
	var e = jQuery.Event("keypress");
  $("frame").focus();
  e.which = 1; // # 1 code value
  e.altKey = true; // Alt key pressed
  e.shiftkey = true;
  e.ctrlkey = true;

  $("frame").trigger(e);
  }
</script>
 
};
  </body>

CSS

#wrap {
      width: 1000px;
      height: 900px;
      padding: 0;
      position: relative;
      left: 0px;
      top: 0px;
      overflow: hidden;
    }
    
    #frame {
      width: 1000px;
      height: 900px;
      position: relative;
      left: 0px;
      top: 0px;
    }
    
    #frame {
      -ms-zoom: 0.7;
    }

JavaScript

//document.getElementById('frame').onload = function() {
  
//}