MARKETPLACE
PLUGINS
TRIGGER CLICK WITH ENTER KEYPRESS
Trigger Click with Enter Keypress logo

Trigger Click with Enter Keypress

Published December 2024
   •    Updated this week

Plugin details

Trigger a click on any element by pressing the [Enter] key from inside any input (or any element which has a value).
This plugin has several advantages over other similar plugins:
* Only listens for keypress events from the specified input, instead of from anywhere in the page.
* Works with multiline input and other text editable elements.
* Allows IDs of input and submit button to be specified dynamically, so that a unique ID string can be used. This is useful if the plugin appears more than once on a page, so you can give unique IDs to every instance so they won't conflict.
* Has an option to automatically return focus to the input after the element click is triggered, so the user can keep typing.
* Intelligently manages a delay between the blur event and the click event, so that Bubble has a chance to update the value of the input internally, ensuring that the workflow will see the correct value for the input.

This plugin is free, open, and maintained by the community. If you see a bug or room for improvement, you can create an issue or even submit your own fixes to the GitHub repository:

https://github.com/codeless-love/Bubble-Plugin-Enter-keypress-Multiline-Input

Free

For everyone

5.0 stars   •   1 ratings
282 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

Codeless Love Community-Maintained Plugins logo
Codeless Love Community-Maintained Plugins
Joined 2024   •   3 Plugins
View contributor profile

Instructions

You will need an input and an element which has a CLICK workflow (we will call this the "send" button).
*Pro tip: in your Click workflow, do not retrieve the input's value directly from the input! Instead, retrieve it from the plugin element's submittedText state. This will eliminate most race conditions.*

Both the input and the send button need a unique ID.

Drop the element for this plugin into the page, and input the IDs of the input and send button into the plugin element's property editor.

Now when you are typing in the input and press [Enter], the action on the send button will be triggered.

Optionally, you may check the box to return focus to the input immediately.

Make sure the element is placed in the page *after* both the input and the click element, otherwise it won't load.

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Technical   •   Chat   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (5.0)

Simple to use, and does the job!
January 2nd, 2026
This little plugin is very simple to use, and works! It also works on mobile with "Go"/"Done" button, not only "ENTER" on desktop.
Glad you found it helpful! I just pushed an update that allows you to retrieve the value of the text input at the moment that submit was triggered directly from the plugin element's state ("submittedText"). This will eliminate race conditions caused by the click event being very long and people typing very quickly again after hitting enter. All you have to do to update your app is get the value from the plugin element's submittedText state instead of the input itself. (plugin author)
January 7th, 2026
  •  
Codeless Love Community-Maintained Plugins
Bubble