<a href="#">TYPE</a>
<span></span>
a{display: inline-block; background: #00FF99; padding:20px; border-bottom:4px solid #00CC00; color:#00CC99; text-decoration:none; margin-bottom:20px;}
span{display:block;}
$("a").on("click dblclick mouseover mouseout",function(event){
  $("span").html("Event: " + event.type);
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. //cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js