How to add a reusable element to a page whenever a user presses a key?

Repeating groups will not do the job. I need to create a workflow such as whenever the spacebar key is pressed, a reusable element I designed gets added to a container.

You would probably have to use javascript. You can add an event listener on page load to know when the user hits the spacebar and then do an action. The action would be something like getting the element you want to duplicate and the using the js function cloneNode. There is a free plugin called toolbox with a run javascript action that allows you to set up the code on page load. If you are not familiar with js then I would suggest googling “eventListener js”, “cloneNode js”, and “get keyboard key by event js”, “append element js”.