Casper the Friendly Ghost Click

gistfile1.js

.directive('casper',function(){
  return {
    restrict: 'A',
    link: function (scope, element){
      element[0].style['position'] = 'relative';

      var iframe = element[0].querySelector('iframe')
      if (!iframe) return;

      var dimensions = {
        height:element[0].clientHeight,
        width:element[0].clientWidth
      }
      var blockerEl = angular.element('<div class="blockerEl"></div>')

      element.append(blockerEl)
      blockerEl = element[0].querySelector('.blockerEl')

      blockerEl.style.position = 'absolute';
      blockerEl.style.height = dimensions.height+'px';
      blockerEl.style.width = dimensions.width+'px';
      blockerEl.style.top = 0;

      blockerEl.addEventListener('click',function(e){
        console.log('click')
      })

      blockerEl.addEventListener('touchstart',function(e){
        console.log('touchstart')
      })

      blockerEl.addEventListener('touchend',function(e){
        console.log('touchend')

        blockerEl.style.display = 'none';
        setTimeout(function(){
          blockerEl.style.display = 'block';
        },800)
      })

    }
  }
})