title: use jQuery to disable all clicking actions except scrollbar
body: <p>I am trying to make a page COMPLETELY UNCLICKABLE (both right click and left click) and to display a message when someone clicks.  Since I know that this will raise lots of questions such as </p>
  
  <blockquote>
    <p>"why would anyone ever want to do this...this is stupid...then nobody
    can navigate the site...and it doesn't protect your content
    anyway...etc"</p>
  </blockquote>
  
  <p>here is the explanation of my purpose.  I have a page that is at the moment only a graphic mockup of what the finished website will eventually look like.  No matter how many times I explain that the mockup is ONLY AN IMAGE and not a real navigable  website, they still email me to say that they cannot click on the menus and links.  Since it is a single page mockup, I want to pop up an <code>alert()</code> message (can't use a modal because you can't click to dismiss it if clicking is disabled) to let them know that they have clicked something non-functional.  I am trying to do this in as few lines of code as possible, and have the following working at the moment:</p>
  
  <pre><code>&lt;script&gt;
  $('html').mousedown(function(event) {
      event.preventDefault();//To prevent following the link
      alert('Demo Graphic Only...clicking on stuff will NOT work at this point.');
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>The issue is that when using <code>.mousedown</code> I capture the user trying to click on the browser scroll-bar to scroll down.  I was surprised by this since it is not part of the actual PAGE CONTENT but rather a part of the BROWSER...but it is catching it nonetheless.  I tried using <code>.click</code> in place of <code>.mousedown</code> however only seem to catch a normal (left) click in that case...  Does anyone know how to easily (minimal lines of code if possible) capture the left AND right click event, but allow user interaction with the browser scrollbar?</p>