Files
pyscript/docs/reference/API/attr_to_event.md
Mariana Meireles 41a8d804e3 Attrs doc (#1125)
* adds attr ref

* lint

* address comments

* Addressing to Fabio's rewrite
2023-03-07 11:49:46 +01:00

88 lines
3.2 KiB
Markdown

# List of PyScript Attributes to Events:
PyScript provides a convenient syntax for mapping JavaScript events to PyScript events, making it easy to connect events to HTML tags.
For example, you can use the following code to connect the click event to a button:
```
<button id="py-click" py-onClick="foo()">Click me</button>
```
Here is a list of all the available event mappings:
| PyScript Event Name | DOM Event Name |
|-------------------|----------------|
| py-onClick | click |
| py-onKeyDown | keydown |
| py-afterprint | afterprint |
| py-beforeprint | beforeprint |
| py-beforeunload | beforeunload |
| py-error | error |
| py-hashchange | hashchange |
| py-load | load |
| py-message | message |
| py-offline | offline |
| py-online | online |
| py-pagehide | pagehide |
| py-pageshow | pageshow |
| py-popstate | popstate |
| py-resize | resize |
| py-storage | storage |
| py-unload | unload |
| py-blur | blur |
| py-change | change |
| py-contextmenu | contextmenu |
| py-focus | focus |
| py-input | input |
| py-invalid | invalid |
| py-reset | reset |
| py-search | search |
| py-select | select |
| py-submit | submit |
| py-keydown | keydown |
| py-keypress | keypress |
| py-keyup | keyup |
| py-click | click |
| py-dblclick | dblclick |
| py-mousedown | mousedown |
| py-mousemove | mousemove |
| py-mouseout | mouseout |
| py-mouseover | mouseover |
| py-mouseup | mouseup |
| py-mousewheel | mousewheel |
| py-wheel | wheel |
| py-drag | drag |
| py-dragend | dragend |
| py-dragenter | dragenter |
| py-dragleave | dragleave |
| py-dragover | dragover |
| py-dragstart | dragstart |
| py-drop | drop |
| py-scroll | scroll |
| py-copy | copy |
| py-cut | cut |
| py-paste | paste |
| py-abort | abort |
| py-canplay | canplay |
| py-canplaythrough | canplaythrough |
| py-cuechange | cuechange |
| py-durationchange | durationchange |
| py-emptied | emptied |
| py-ended | ended |
| py-loadeddata | loadeddata |
| py-loadedmetadata | loadedmetadata |
| py-loadstart | loadstart |
| py-pause | pause |
| py-play | play |
| py-playing | playing |
| py-progress | progress |
| py-ratechange | ratechange |
| py-seeked | seeked |
| py-seeking | seeking |
| py-stalled | stalled |
| py-suspend | suspend |
| py-timeupdate | timeupdate |
| py-volumechange | volumechange |
| py-waiting | waiting |
| py-toggle | toggle |