Re: [whatwg] Is there a way to stop scrolling when pressing directional arrows?
On 6/14/10, Kornel Lesinski kor...@geekhood.net wrote:
On Mon, 14 Jun 2010 20:38:07 +0100, Carlos Andrés Solís
csol...@gmail.com wrote:
Hello! I've been noticing a problem in many HTML5 test apps, very
especially games. When the directional arrow buttons are pressed, the
screen scrolls.
This is a problem that, as far as I know, Flash had solved by changing
the focus of the application to the app. Is this doable in HTML5?
Yes. It's possible already — page just has to return false from keypress
handler:
window.onkeypress = function(){return false}
That's just one line that, unfortunately, many web-based games forget to
include.
The bad thing about the Flash behaviour is that it seems to completely steal
keyboard focus if programs even listen to onkeypress. window.onkeydown
should return false only when the application is actually going to use that
keypress.
--
kv,
- Bjartur
[whatwg] Is there a way to stop scrolling when pressing directional arrows?
Hello! I've been noticing a problem in many HTML5 test apps, very especially games. When the directional arrow buttons are pressed, the screen scrolls. This is a problem that, as far as I know, Flash had solved by changing the focus of the application to the app. Is this doable in HTML5? - Carlos Solís
Re: [whatwg] Is there a way to stop scrolling when pressing directional arrows?
On Mon, 2010-06-14 at 13:38 -0600, Carlos Andrés Solís wrote: Hello! I've been noticing a problem in many HTML5 test apps, very especially games. When the directional arrow buttons are pressed, the screen scrolls. This is a problem that, as far as I know, Flash had solved by changing the focus of the application to the app. Is this doable in HTML5? - Carlos Solís I don't think it's something that was 'solved' by Flash. To be honest, I'm often annoyed at the way Flash steals the focus of all my key presses making it almost impossible to navigate using only the keyboard. You could use Javascript to put the focus onto an object, capture all the key presses on that and return false for them all maybe. Thanks, Ash http://www.ashleysheridan.co.uk
Re: [whatwg] Is there a way to stop scrolling when pressing directional arrows?
For what it's worth, I am actually of the opposite opinion, Ash. I like it when Flash steals the focus of the keyboard, and here's why: Besides the arrow keys, which are available to everyone, I also use the Find As You Type feature in Firefox. However, that usually means that I can't play any HTML5 games that use letters as play keys. Because the HTML5 game usually doesn't steal the focus of the keyboard, typing a letter key activates the FAYT feature and distracts me from the game. With that being said, Bespin (from Mozilla Labs) uses canvas, and it has no problem stealing the keyboard focus (with JavaScript) for most keypresses. Gordon 2010/6/14 Ashley Sheridan a...@ashleysheridan.co.uk On Mon, 2010-06-14 at 13:38 -0600, Carlos Andrés Solís wrote: Hello! I've been noticing a problem in many HTML5 test apps, very especially games. When the directional arrow buttons are pressed, the screen scrolls. This is a problem that, as far as I know, Flash had solved by changing the focus of the application to the app. Is this doable in HTML5? - Carlos Solís I don't think it's something that was 'solved' by Flash. To be honest, I'm often annoyed at the way Flash steals the focus of all my key presses making it almost impossible to navigate using only the keyboard. You could use Javascript to put the focus onto an object, capture all the key presses on that and return false for them all maybe. Thanks, Ash http://www.ashleysheridan.co.uk -- Gordon P. Hemsley m...@gphemsley.org http://gphemsley.org/ • http://gphemsley.org/blog/ http://sasha.sourceforge.net/ • http://www.yoursasha.com/
Re: [whatwg] Is there a way to stop scrolling when pressing directional arrows?
On Mon, 2010-06-14 at 15:58 -0400, Gordon P. Hemsley wrote: For what it's worth, I am actually of the opposite opinion, Ash. I like it when Flash steals the focus of the keyboard, and here's why: Besides the arrow keys, which are available to everyone, I also use the Find As You Type feature in Firefox. However, that usually means that I can't play any HTML5 games that use letters as play keys. Because the HTML5 game usually doesn't steal the focus of the keyboard, typing a letter key activates the FAYT feature and distracts me from the game. With that being said, Bespin (from Mozilla Labs) uses canvas, and it has no problem stealing the keyboard focus (with JavaScript) for most keypresses. Gordon 2010/6/14 Ashley Sheridan a...@ashleysheridan.co.uk On Mon, 2010-06-14 at 13:38 -0600, Carlos Andrés Solís wrote: Hello! I've been noticing a problem in many HTML5 test apps, very especially games. When the directional arrow buttons are pressed, the screen scrolls. This is a problem that, as far as I know, Flash had solved by changing the focus of the application to the app. Is this doable in HTML5? - Carlos Solís I don't think it's something that was 'solved' by Flash. To be honest, I'm often annoyed at the way Flash steals the focus of all my key presses making it almost impossible to navigate using only the keyboard. You could use Javascript to put the focus onto an object, capture all the key presses on that and return false for them all maybe. Thanks, Ash http://www.ashleysheridan.co.uk -- Gordon P. Hemsley m...@gphemsley.org http://gphemsley.org/ • http://gphemsley.org/blog/ http://sasha.sourceforge.net/ • http://www.yoursasha.com/ It's not that I have it in for Flash, but I feel it's not the most accessibility friendly of things you find on the web. Thanks, Ash http://www.ashleysheridan.co.uk
Re: [whatwg] Is there a way to stop scrolling when pressing directional arrows?
On Mon, 14 Jun 2010 20:38:07 +0100, Carlos Andrés Solís
csol...@gmail.com wrote:
Hello! I've been noticing a problem in many HTML5 test apps, very
especially games. When the directional arrow buttons are pressed, the
screen scrolls.
This is a problem that, as far as I know, Flash had solved by changing
the focus of the application to the app. Is this doable in HTML5?
Yes. It's possible already — page just has to return false from keypress
handler:
window.onkeypress = function(){return false}
That's just one line that, unfortunately, many web-based games forget to
include.
--
regards, Kornel Lesiński
Re: [whatwg] Is there a way to stop scrolling when pressing directional arrows?
On Tue, 15 Jun 2010 00:16:13 +0200, Kornel Lesinski kor...@geekhood.net
wrote:
On Mon, 14 Jun 2010 20:38:07 +0100, Carlos Andrés Solís
csol...@gmail.com wrote:
Hello! I've been noticing a problem in many HTML5 test apps, very
especially games. When the directional arrow buttons are pressed, the
screen scrolls.
This is a problem that, as far as I know, Flash had solved by changing
the focus of the application to the app. Is this doable in HTML5?
Yes. It's possible already — page just has to return false from keypress
handler:
window.onkeypress = function(){return false}
That's just one line that, unfortunately, many web-based games forget to
include.
If a game is embedded in a page with other content, it could make the
canvas (or whatever) focusable with tabindex='0' and only disable keys
when the game has focus. It could also be nice and only disable the keys
it chooses to use.
script
var mapping = {37: 'left', 38: 'up', 39: 'right', 40:'down'}
function press(e) {
if (!e.shiftKey !e.ctrlKey !e.metaKey e.keyCode 36
e.keyCode 41) {
var ctx = e.target.getContext('2d');
ctx.clearRect(0, 0, e.target.width, e.target.height);
ctx.fillText(mapping[e.keyCode], 20, 20);
e.preventDefault();
}
}
/script
canvas tabindex=0 onkeypress=press(event)/canvas
In Opera, I can scroll using the arrow keys, navigate to the game,
interact with it using the arrow keys without it scrolling the page, and
navigate away from it using spatnav (shift+arrow keys).
--
Simon Pieters
Opera Software
Re: [whatwg] Is there a way to stop scrolling when pressing directional arrows?
On Mon, Jun 14, 2010 at 3:56 PM, Simon Pieters sim...@opera.com wrote:
On Tue, 15 Jun 2010 00:16:13 +0200, Kornel Lesinski kor...@geekhood.net
wrote:
On Mon, 14 Jun 2010 20:38:07 +0100, Carlos Andrés Solís
csol...@gmail.com wrote:
Hello! I've been noticing a problem in many HTML5 test apps, very
especially games. When the directional arrow buttons are pressed, the screen
scrolls.
This is a problem that, as far as I know, Flash had solved by changing
the focus of the application to the app. Is this doable in HTML5?
Yes. It's possible already — page just has to return false from keypress
handler:
window.onkeypress = function(){return false}
That's just one line that, unfortunately, many web-based games forget to
include.
If a game is embedded in a page with other content, it could make the
canvas (or whatever) focusable with tabindex='0' and only disable keys
when the game has focus. It could also be nice and only disable the keys it
chooses to use.
script
var mapping = {37: 'left', 38: 'up', 39: 'right', 40:'down'}
function press(e) {
if (!e.shiftKey !e.ctrlKey !e.metaKey e.keyCode 36 e.keyCode
41) {
var ctx = e.target.getContext('2d');
ctx.clearRect(0, 0, e.target.width, e.target.height);
ctx.fillText(mapping[e.keyCode], 20, 20);
e.preventDefault();
}
}
/script
canvas tabindex=0 onkeypress=press(event)/canvas
In Opera, I can scroll using the arrow keys, navigate to the game, interact
with it using the arrow keys without it scrolling the page, and navigate
away from it using spatnav (shift+arrow keys).
Random note: the keypress event isn't interoperably supported in this
area - in IE and webkit-based browsers, keys that don't generate a
character won't generate a keypress event. You can use keydown to
capture the press instead.
~TJ
