Listed all supported by JS SDK elements with their events and report samples.
Elements are interactive: click and change values and see what to be sent in this case in report.
| type | element | listen event | data-dtu attribute value in this demo | element and value to be sent in a report | comment |
|---|---|---|---|---|---|
| date | change | some date | ... | ||
| time | change | some time | ... | ||
| datetime-local | change | some datetime-local | ... | ||
| button | click | some input button | ... | ||
| checkbox | change | some input checkbox | ... | has additional attribute: "checked" | |
| radio | change | some input radio | ... | has additional attribute: "checked" | |
| change | some input email | ... | |||
| password | change | some input password | ... | value contains length of an input value instead of the value itself | |
| number | change | some input number | ... | ||
| range | change | some input range | ... | ||
| file | change | some input file | ... | ||
| file | change | some input file (miltiple) | ... | multiple files | |
| text | change | some input text | ... | value contains length of an input value instead of the value itself |
| type | element | listen event | data-dtu attribute value in this demo | element and value to be sent in a report |
|---|---|---|---|---|
| select-one | change | some dropdown | ... | |
| select-multiple | change | some dropdown (multiple) | ... |
| type | element | listen event | data-dtu attribute value in this demo | element and value to be sent in a report | comment |
|---|---|---|---|---|---|
| submit | button text | click | some button | ... | |
| submit | button text (empty data-dtu) | click | '' | ... | empty data-dtu attribute forces to use element's innerText |
| type | element | listen event | data-dtu attribute value in this demo | element and value to be sent in a report | comment |
|---|---|---|---|---|---|
| textarea | textarea text | change | some textarea | ... |