Participant

Answered

trying to add spacebar event listener

Forum|Forum|2 years ago
August 7, 2023
2 replies
1830 views

Hi there,

I'm trying to add an eventlistener to my HTML5 canvas project. I've got a timeline which has the stop() comand at specific frames. When the user presses the spacebar I'd like playback to continue from the current frame.

Here's what I've tried, but it doesn't work when published.

function onSpacebarPress(event) {
// Get the current frame number.
var currentFrame = stage.frameLabel;

// Play the timeline from the current frame.
timeline.play(currentFrame);
}

// Add the event listener.
stage.addEventListener("keydown", onSpacebarPress);

THanks in advance fo r any help!

How to

This topic has been closed for replies.

Correct answer JoãoCésar17023019

Hi.

The play method doesn't receive any arguments. Just call it like this:

var targetTL = this;

function onKeyDown(e)
{
	if (e.key === " ")
		targetTL.play();
}

if (!targetTL.frame0Started)
{
	window.addEventListener("keydown", onKeyDown);
	targetTL.frame0Started = true;
}

I hope this helps.

Regards,

JC

JoãoCésar17023019

Correct answer

Community Expert

Hi.

The play method doesn't receive any arguments. Just call it like this:

var targetTL = this;

function onKeyDown(e)
{
	if (e.key === " ")
		targetTL.play();
}

if (!targetTL.frame0Started)
{
	window.addEventListener("keydown", onKeyDown);
	targetTL.frame0Started = true;
}

I hope this helps.

Regards,

JC

fiddlefroAuthor

Participant

Thank you! That works.

JoãoCésar17023019

Community Expert

You're welcome!

kglad

Community Expert

is that your code or pseudo-code?

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded