title: How to disable all mouse events except click?
body: <p>I want to disable all mouse events except click, I have this:</p>
  
  <pre><code>.info {
      -webkit-transform: rotate3d(1, 0, 0, 90deg);
      transform: rotate3d(1, 0, 0, 90deg);
      width: 100%;
      height: 100%;
      padding: 20px;
      position: absolute;
      top: 0;
      left: 0;
      border-radius: 4px;
      pointer-events: none;
      background-color: rgba(26, 188, 156, 0.9);
  }
  </code></pre>
  
  <p>but pointer-events: none; disables all events.</p>