Javascript Alert For Unsaved Changes with Turbolinks and Jquery

main.js

// ...
change = function() {
  $("form input, form textarea").change(function() {
    $('a').click(function() {
      confirm('Unsaved changes on the page. Are you sure?');
    });
  });
};

// ...

main.js.coffee

ready = >
  # your jquery code here

# page:load is fired at the end of the loading process.
$(document).ready(ready)
$(document).on('page:load', ready)

change = ->
  $("form input, form textarea").change( ->
    $('a').click( ->
      confirm('Unsaved changes on the page. Are you sure?')
    )
  )

$(document).ready(change)

# the page has been parsed and changed to the new version and on DOMContentLoaded
$(document).on('page:change', change)

Hi. Thanks for the ideas... But It doesn't work in my project. I also tried with page:before-change event but i can't make it work