5
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

tmlib.jsAdvent Calendar 2014

Day 2

tmlib.jsでページスクロールを止めたい時のカンタンTips

Last updated at Posted at 2014-12-03

tmlib.js Advent Calendar 2日目

遅れてスイマセン...

tmlib.jsでゲームを作った!公開だ!

tmlib.jsでゲームを作っていざ公開!

この時、公開するWebサイトの作りによってはキーボードの上下でページスクロールが発生してしまう場合があります。

img1.png

これをキャンセルしたい時はこうするとよいです。

var app = tm.display.CanvasApp("#app");

// ...

// カーソルキーとスペースキーが押された時はイベントの伝播を止める
app.keyboard.element.addEventListener("keydown", function(e) {
    if (37 <= e.keyCode && e.keyCode <= 40 || e.keyCode === 32) {
        e.preventDefault();
    }
});

img2.png

次回は...

次回は @h_mjlife さん、お願いしますー!

5
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
5
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?