HTML

2009年09月08日


携帯向けサイトではHTML、CSS、JavaScriptに色々と制限がりますよね。
普通に使えるコードだと思っていたものが、使えなかったり…。

つい最近、キー(ボタン)の押下イベントを取得する必要があり、
以下の様なコードを書いてたんですけど動かない…。

window.document.onkeydown = function(){alert('test')};
window.document.onkeypress = function(){alert('test')};
window.onkeydown = function(){alert('test')};
window.onkeypress = function(){alert('test')};
document.onkeydown = function(){alert('test')};
document.onkeypress = function(){alert('test')};

もう手当たりしだいです。

インターネットで色々調べてみたんですが、
携帯サイトでは、これらonkeydown onkeypressが取得できない結論に達しました。

IE mobileではonkeydown、onKeypressイベントが実装されていないので、
それと同じ感じなのかな?という感じです。

ただ、ショートカットという意味合いでは
アクセスキー(accesskey)の機能が使えるみたいですね。

<a href="リンク先URL" accesskey="数字">テキスト</a>

のように記述すればOKです。

パソコンに比べユーザービリティが低下してしまう携帯環境
アクセスキー(accesskey)が利用できる部分では、
是非とも利用していきたい機能ですね。


(23:39)