Event Submitter polyfill

A polyfill for [submitter property of

Submit Event][1], which is written in [TypeScript][2].

![CI & CD][3]
![][4]

![NPM][5]

Installation

$3

``javascript
import 'event-submitter-polyfill';
`

$3

`html



`

Usage

$3

`html




Fisrt
Second



`

$3

`tsx
import React, { FormEvent } from 'react';
import { render } from 'react-dom';

function handleSubmit(event: FormEvent) {
event.preventDefault();

const { name } = event.nativeEvent.submitter.dataset,
{ data } = event.currentTarget.elements;

fetch(/api/${name}, { data: data.value });
}

render(


Fisrt


Second

,
document.body
);

`

Roadmap

- [x] [SubmitEvent` class in TypeScript][6]

Acknowledge

We rewrite the source code based on [Tobias Buschor's answer in StackOverflow][7].

[1]: https://developer.mozilla.org/en-US/docs/Web/API/SubmitEvent/submitter
[2]: https://www.typescriptlang.org/
[3]: https://github.com/idea2app/event-submitter-polyfill/actions/workflows/main.yml
[4]: https://www.jsdelivr.com/package/npm/event-submitter-polyfill
[5]: https://nodei.co/npm/event-submitter-polyfill/
[6]: https://github.com/microsoft/TypeScript/issues/40811
[7]: https://stackoverflow.com/a/61110260