Click Something When Pressing ESC Key [Snippet] <> No-Code Supply Co.
Code
Snippet
/ 

Click Something When Pressing ESC Key

View 
 
Snippet
*
 ↗
View 
Snippet
 ↗
Click Something When Pressing ESC Key
/* Update .class with the class of element you wish to click */
document.body.addEventListener('keydown', function (e) {
if (e.key === 'Escape') {
document.querySelector('.class').click();
}
});
view raw click-with-escape.js hosted with ❤ by GitHub

Click on something like a modal close button when the user presses the escape key.

Tags

Jquery
Accessibility

Creators

Corey Moen

Share this item

Twitter
Facebook
LinkedIn

Have feedback or a question related to this item? Drop us some feedback!

Curated: 
12.4.19

Similar items

Items
52
Layout
Grid View
Row View
HF-11
Inspo
Website
/ 

HF-11

10.8.24
Transportation, Landing, Animation, Webflow, Joseph Berry
Frameship
Tools
App
/ 
Website

Frameship

10.8.24
No-code, Ecommerce, App, Framer, Shopify
Cap
Tools
App
/ 

Cap

10.8.24
Technology, Video, Workflow
Hartmann Capital
Inspo
Website
/ 

Hartmann Capital

10.8.24
Technology, Financial, Marketing, Webflow, GSAP
Blocs Framer Plugin
Tools
Utility
/ 

Blocs Framer Plugin

10.3.24
No-code, Components, Design System, Workflow, Framer
Irene Butenko
Inspo
Website
/ 

Irene Butenko

10.3.24
Creative, No-code, Personal, Portfolio, Webflow
Jack Elder
Inspo
Website
/ 

Jack Elder

10.3.24
Creative, Personal, Portfolio, Framer
Displace Figma Plugin
Tools
Utility
/ 

Displace Figma Plugin

10.1.24
Creative, Assets, Workflow, Figma
Codefortify
Tools
App
/ 
Website

Codefortify

10.1.24
Security, Dev Tools, Web Apps, Landing, Webflow, Black Peak
AKARI
Inspo
Website
/ 

AKARI

10.1.24
Creative, Interactions, Animation, Webflow
Spot Insurance
Inspo
Website
/ 

Spot Insurance

9.30.24
Insurance, Marketing, Webflow
Ivan Duzhak
Inspo
Website
/ 

Ivan Duzhak

9.30.24
Creative, No-code, Personal, Portfolio, Webflow
DivBlockers
Inspo
Website
/ 

DivBlockers

9.30.24
Creative, No-code, Agency, Portfolio, Webflow, DivBlockers
TaxGPT
Inspo
Website
/ 

TaxGPT

9.30.24
Financial, AI, Marketing, Webflow
Departure Mono
Tools
Fonts
/ 

Departure Mono

9.30.24
Creative, Fonts, Assets
Polypane
Tools
App
/ 

Polypane

9.30.24
Dev Tools, QA, Workflow
BRANDIV
Inspo
Website
/ 

BRANDIV

9.27.24
Creative, No-code, Brand Guide, Components, Design System, Webflow, 473
Modern Tax
Inspo
Website
/ 

Modern Tax

9.27.24
Financial, Landing, Scrollytelling, Interactions, Webflow, GSAP
Dither Figma Plugin
Tools
Utility
/ 

Dither Figma Plugin

9.27.24
Creative, Assets, Workflow, Figma
Toolkit by Flow Guys
Tools
Utility
/ 

Toolkit by Flow Guys

9.27.24
No-code, CMS, HTML, Forms, Extending, Workflow, Webflow
Tobias van Schneider
Inspo
Website
/ 

Tobias van Schneider

9.27.24
Creative, Personal, Portfolio, Semplice
Video Frame Extractor
Tools
Utility
/ 

Video Frame Extractor

9.26.24
Creative, Assets, Video, Workflow
Jordan Butcher
Inspo
Website
/ 

Jordan Butcher

9.24.24
Creative, Personal, Portfolio, Webflow
Panels
Inspo
Website
/ 

Panels

9.24.24
Creative, App, Landing, Webflow
Squarespace Refresh 2024
Inspo
Website
/ 

Squarespace Refresh 2024

9.24.24
SAAS, Website Builder, Landing, Squarespace
Sound Ethics
Inspo
Website
/ 

Sound Ethics

9.23.24
Music, AI, Marketing, Webflow, GSAP, Somefolk
Load more

Bummer, no results

Try a different search/filter combo, or drop us some feedback if there is something missing you would love to see!

Reset filters

Subscribe for updates

Get updates on the latest curated resources and be the first to hear of new features.