KEYSTROKE INPUT TRIGGER

Keystroke Input Trigger

Published August 2019

    •    Updated this week

Plugin details

Triggers a workflow as you type individual keystrokes into an input or with a set time after you've stopped typing. Provides a 'currently typing' state that has an independently adjustable timeout. 

Unlike bubble's 'on input change' trigger, the plugin will trigger a workflow on any real-time change to an input without the need to click outside of that input field.  

Adjustable 'timeout' lets you define how long between keystrokes the workflow should trigger.

APP DEMO & EDITOR
https://inputchangetrigger.bubbleapps.io/

Place the element on the page and target the input ID

Free

For everyone

4.3 stars   •   9 ratings

8.8K installs

This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

Dble

Joined 2018   •   16 Plugins

View contributor profile

Instructions

1) In bubble editor > settings tab > General > Enable the setting "Expose the option to add an ID attribute to HTML elements"

2) Choose a text input and enter an ID for that input. 

3) Add the 'input watcher' element to your page

4) Enter the ID of the field you wish to watch and the number of milliseconds before the workflow is triggered

5) Setup your workflow triggered by the input watcher has changed

Types

This plugin can be found under the following types:

Element   •   Event   •   Action

Resources

Support contact

Tutorial

Rating and reviews

Average rating (4.3)

Breaks When Page is Refreshed

March 3rd, 2024

The plugin works fine till i choose to refresh my page and it won't work anymore. It has happened a couple of times so I don't think this is a coincidence. I did not change anything. When I start over in a new browser it works fine but also breaks on page refresh

Awesome plugin - Manually Set output text sets it apart from other similar plugins 

January 6th, 2024

Manually set output is an extremely useful workflow action. 

Fine but why does it need to be visible?

June 14th, 2023

Useful plugin, the millisecond setup is a little difficult to understand, but it works well. My only complaint is the element needs to be visible to work. I cannot be resized to 1x1 or something either.

Doesn't seem to work anymore.

December 23rd, 2022

I really wish this plugin would work. I followed the instructions and checked the demo to make sure everything was the same, and I'm getting this error: 

run_debug.js:6 Bug in custom code TypeError: Cannot set properties of null (setting 'onkeydown')
    at init (PLUGIN_1564853448881x747480271658418200/Keystroke-Input-Trigger-update--input-monitor-.js:33:39)
    at root (PLUGIN_1564853448881x747480271658418200/Keystroke-Input-Trigger-update--input-monitor-.js:33:39)
 Object

Hopefully it'll get updated.

Should be a built-in feature on bubble.io

August 7th, 2022

We, as users, expect data to update after each keystroke (eg. Google's autocomplete), not when the input loses focus!

This plugin resolves this issue and meets expectations for a good extension:
- Enables the essential feature of "oninput" change handling
- Takes a minute to set up
- Low impact on performance 

I thought using html IDs to find the input element was finicky, but that's the standard workaround to a Bubble.io limitation.

Product

Bubble for

Discover

How Bubble works

Examples

Pricing

Learn

Resources

Community

Company

Legal

Terms

Privacy

©  2026, Bubble Group, Inc. All rights reserved.

Pricing

Enterprise

Contact sales

Keystroke Input Trigger

Plugin details

Free

For everyone

Other actions

Platform

Contributor details

Instructions

Types

Categories

Resources

Rating and reviews

Average rating (4.3)