Prevent page unloaded while filling out a form

Demo

• Demo page

Examples

<script type="importmap">
  {
    "imports": {
      "@w0s/form-before-unload-confirm": "..."
    }
  }
</script>
<script type="module">
  import FormBeforeUnloadConfirm from '@w0s/form-before-unload-confirm';

  for (const formElement of document.querySelectorAll('.js-form-beforeunload-confirm')) {
    new FormBeforeUnloadConfirm(formElement);
  }
</script>

<form class="js-form-beforeunload-confirm">
  <p><input /></p>
  <p><button>Submit</button></p>
</form>

Constructor

new FormBeforeUnloadConfirm(
  thisElement: HTMLFormElement
)

Parameters