JavaScript Events

JavaScript Events

by Nirvanachain

HTML

<a class="prevent" href="#" target="_blank">prevent</a>
<a class="normal" href="#" target="_blank">normal</a>

JavaScript

// Helpful Article:  
// http://coding.smashingmagazine.com/2012/08/17/javascript-events-responding-user/

var normal = document.querySelector('.normal'),
    prevent = document.querySelector('.prevent');

prevent.addEventListener('click', function(ev) {
  console.log(ev.target);
  alert('fabulous, really!');
  ev.preventDefault();
}, false);

normal.addEventListener('click', function(ev) {
  alert('fabulous, really!');
}, false);