How to display a confirmation popup before redirecting to another site

readme.md

I had the need to display some legal blurb before handling a redirect to a different site, this is my current solution.

Improvement & update from original idea here.

Example use:

<a href="http://www.google.fr" data-confirm-link="Warning - you are leaving this site"></a>

Other solutions:

• https://stackoverflow.com/a/13557082/20302 (onClick="return confirm(xxx)")

confirm_link.coffee

class @ConfirmLink
  @init: () =>
    $(document).on 'click', 'a[data-confirm-link]', (event) ->
      event.preventDefault()
      if confirm($(@).data('confirm-link'))
        href = $(@).attr('href')
        if $(@).attr('target') == '_blank'
          window.open(href)
        else
          window.location = href