garykac / dom-event-viewer Goto Github PK

What the heck why is someone looking at my business and violation of privacy

Show info about timestamps / delays between individual key events

It would be useful to be able to see the keyevents received when keyboard lock is active. To this end, a button to activate keyboard lock and full-screen would be useful. Currently it's possible to do this via the JS console:

navigator.keyboard.lock()
document.body.requestFullscreen()

When copy/pasting the table contents, Chrome attempts to replicate the table format by inserting tabs, but they generally don't line up well because the columns have varying width. It would be nice if the site reformatted using spaces when that content was copied to the clipboard.

From @rcyeh in w3c/uievents#363

When using https://w3c.github.io/uievents/tools/key-event-viewer.html, Chrome sometimes provides an autocomplete menu under the input element. If testing ArrowUp/ArrowDown events, that menu can interfere with the test. I would like to add an 'autocomplete="off"' attribute specification to that input field to prevent the autocomplete menu from popping up.

From @AricMonary in w3c/uievents#364

Output table is hard-coded for 100 rows. There have been times where I would like to view more than 100 keyboard events at a time using the keyboard event viewer.

Add an input field to the options to set the max number of rows shown.

See pull request: w3c/uievents#364 (reference)

Use case: We want to verify the KeyEvents on a select would select a valid option (it might not have loaded yet etc.) with a prefix match.

Adding the change Event would be awesome, too.

Also consider to allow editing the options, although this is not strictly necessary for a developer tool, because anyone who need specific options can manipulate the DOM in-browser nowadays, which is not possible for the select element itself, as it obviously holds the EventListeners