is there an "onAnything" javascript event?
<p>have dumb question.</p>

<p>Here I've got three events calling the same function, connected to the same <code>&lt;div&gt;</code>:</p>

<pre><code>&lt;html&gt;
&lt;head&gt;
&lt;script type='text/javascript'&gt;
function universal_action_handler( event ) {
  var eType = event.type;
  var eTarget = event.target || event.srcElement;
  console.log( "Captured Event, type=", eType, ", target=", eTarget );
  if( 'mouseover' == eType ) {
    console.info( "onMouseOver: set background color to red." );
    eTarget.style.backgroundColor = 'red';
    eTarget.style.fontSize = '';
  }
  if( 'mouseout' == eType ) {
    console.info( "onMouseOut: set background color to transparent." );
    eTarget.style.backgroundColor = 'transparent';
    eTarget.style.fontSize = '';
  }
  if( 'click' == eType ) {
    console.info( "click!" );
    eTarget.style.fontSize = 'larger';
  }
}
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;div style='border: 1px dashed red; display: inline-block;'
 onClick="universal_action_handler(event);"
 onMouseOver="universal_action_handler(event);"
 onMouseOut="universal_action_handler(event);"&gt;Click me!&lt;/div&gt;

&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>I have <code>onClick=''</code>, <code>onMouseOver=''</code>, and <code>onMouseOut=''</code>, all connected to the same <code>&lt;div&gt;</code>, and all calling the same function.  If I want to add an event, I have to add an <code>onEventThingy=''</code> and call the same universal action handler function above.  Inside the function, it decides what kind of event (<code>event.type</code>) and takes action.</p>

<p>Is there an <code>onAnything=''</code> event that I can use to call the universal function for any event which may happen to that <code>&lt;div&gt;</code>?</p>
