title: Is there anyway to override the onMouseLeave event when using the dojo tooltipdialogue?
body: <p>The code below is from the standard example from the dojo tooltipdialogue.
  I have a requirement to stop the behaviour of the tooltip closing when you move the mouse away from the dialogue. Is there a way to override the onMouseLeave event to keep the tooltip open until the user clicks a button with in the tooltipdialogue?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html &gt;
  &lt;head&gt;
  
  &lt;link rel="stylesheet" href="../_static/js/dojo/../dijit/themes/claro/claro.css"&gt;
  
  &lt;script&gt;dojoConfig = {parseOnLoad: true}&lt;/script&gt;
  &lt;script src='../_static/js/dojo/dojo.js'&gt;&lt;/script&gt;
  
  &lt;script&gt;
  require([
  "dijit/TooltipDialog",
  "dijit/popup",
  "dojo/on",
  "dojo/dom",
  "dojo/domReady!"
  ], function(TooltipDialog, popup, on, dom){
  var myTooltipDialog = new TooltipDialog({
      id: 'myTooltipDialog',
      style: "width: 300px;",
      content: "&lt;p&gt;I have a mouse leave event handler that will close the    dialog.",
      onMouseLeave: function(){
          popup.close(myTooltipDialog);
      }
  });
  
  on(dom.byId('thenode'), 'mouseover', function(){
      popup.open({
          popup: myTooltipDialog,
          around: dom.byId('thenode')
      });
   });
  });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body class="claro"&gt;
  &lt;div id="thenode"&gt;Move the mouse over me to pop up the dialog.&lt;/div&gt;
  </code></pre>
  
  <p>
     </p>