keyborder events

[Metatron]

Hello

 

I need to set events only for pixi.js canvas. how can i do it?

document.addEventListener('keydown', function(event) { });

This method start leasten all window and block html inputs.

 

 

Thank you

[xerver]

Add the event to the canvas element instead of the document.

[ivan.popelyshev]

You cant focus on canvas if there's no tabindex on it , am I right?

 

<canvas tabIndex=1> </canvas>

 

renderer.view.setAttribute("tabIndex", 1); 

 

also its good to check if canvas is focused, and if not then draw "CLICK TO FOCUS" label in the middle of it, like https://ga.me does it.

[Metatron]

Add the event to the canvas element instead of the document.

$("#world").html(this.renderer.view)$("#world").bind( "keydown", function( event ) {	event.preventDefault();	console.log(event);});$('#world').focus();

But, its not help, no keyboard event, when i press

[Metatron]

I solved the problem using this method

	this.renderer.view.setAttribute("id", "worldCanvas");        $("#world").html(this.renderer.view);         var lastDownTarget, canvas;		canvas = document.getElementById('worldCanvas');		lastDownTarget = canvas;		document.addEventListener('mousedown', function(event) {			lastDownTarget = event.target;		}, false);			document.addEventListener('keydown', function(event) {			if(lastDownTarget == canvas) {                                event.preventDefault();                                event.stopPropagation();				wi.doKeyDown(event);			}		}, false);

[ivan.popelyshev]

You forgot to add "event.preventDefault(); event.stopPropagation();" in that if.

[Metatron]

You forgot to add "event.preventDefault(); event.stopPropagation();" in that if.

True, Thank you

[mattstyles]

Holding a variable just to check focus sounds like a terrible idea, the `tabindex` method would surely be more intuitive (although still a hack, but, whats a hack between friends anyway?)? I've thrown it into a plunk and it works fine, I havent checked browser compatibility but I'd imagine it works everywhere (I'd say that mobile could cause a problem, but you're not using keyboard interface there anyways, actually, given new tablets this could be viable, particularly in the near future).