Hello, I’ve taken the below code from this example: https://p5js.org/reference/#/p5/keyTyped and I’m using openprocessing.org as an editor, if that’s helpful in this situation. In order to be able to get the sketch to respond to a key being pressed, I first have to click on the square. Nothing w…

Guessing that openprocessing is a browser environment like the Web Editor , which shows similar behaviour. It’s because another part of the browser is selected/focused (might have a specific name, not sure). It’s the same the other way around: after clicking on square and pressing buttons, these char…

Yeah, the sketch doesn’t have the focus Maybe tab works too

[image] SheCurvesMobius: , I first have to click on the square. In my case, keyTyped() works right after I click at the play :arrow_forward: icon. Only when I click somewhere else, or return from another browser tab, I’d need to click at the square, or within 25 pixels far from it, to regain…

Thanks so much everyone for your input; this adds a ton of clarity to the problem :slight_smile: Does anyone know if there is code that can be added that forces the browser to switch to the canvas as the area of the browser that is active?

frameElement && frameElement.focus(); [image] HTMLElement.focus() The HTMLElement.focus() method sets focus on the specified element, if it can be focused. The focused element is the element which will receive keyboard and similar events by default. [i…

KeyTyped not working until mouse is pressed

p5.js Beginners

Topic		Replies	Views
keyTyped() not responding in p5.js editor Coding Questions	3	178	January 19, 2024
Keyboard Entry Seems To Need Mouse Click To Work Beginners	15	89	April 25, 2026
keyPressed() only works sometimes Coding Questions	5	917	April 23, 2026
KeyPressed doesn’t work Beginners	10	1024	January 2, 2020
Function keyPressed() doesn't run in my Web Editor p5.js	2	141	October 25, 2023

KeyTyped not working until mouse is pressed

Related topics