title: how to Detect Onclick event on iframe [cross domain ]
body: <p>I am showing my site inside iframe. I want to detect user Agent, 
  if user open this iframe on IE then onClick on the iframe user should navigate
  to another site or if user browser is chrome or firefox 
  then he should continue with site inside iframe.</p>
  
  <p>Following is my code: </p>
  
  <pre><code> &lt;iframe id='iframeGoogle' name='a373563b' 
    src='http://google.com?header=true'  width='768' height='1024'&gt;
  
               &lt;script&gt;  
                    $(document).ready(function(){
                  // $("#iframeGoogle").click(function () {
                         var ua = window.navigator.userAgent;
                         var msie = ua.indexOf("MSIE ");
                         if (msie &gt; 0) {    
                           window.open="http://example.com"; 
                          // site should redirect to another  page if user agent is IE 
                         }
                        else                 
                        {
                          console.log("otherBrowser");
                        }|
  
                  });  //});
               &lt;/script&gt;
  </code></pre>
  
  <p>I have some finding on this, 
  we can't recognize click event on iframe so what should I do now?  </p>