trying to add spacebar event listener

[fiddlefro]

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!

[kglad]

is that your code or pseudo-code?

[JoãoCésar · Accepted solution]

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

[fiddlefro]

Thank you!  That works. 

[JoãoCésar]

You're welcome!