click outside div remove active

by Faisal Khan Janjua

HTML

<div class="normal">
  <input />
  <select>
  <option>choice</option>
  </select>
</div>

CSS

.normal{
  width:200px;
  height:200px;
  cursor:pointer;
  background:none;
  border:1px solid #F99;
}
.normal.actv{
  background:#F99;
}

JavaScript

$('.normal').click(function(event){
  event.stopPropagation();
  $(this).addClass('actv');
});

jQuery(document).mouseup(function(e){
  var container = jQuery(".normal");
  if (!container.is(e.target) && container.has(e.target).length === 0){
    container.removeClass('actv');
  }
});

$(document).on('keyup',function(e) {
  if (e.keyCode == 27) {
    $('body').append('<p>'+e.keyCode+'</p>');
  }
});