一个完整的鼠标与键盘事件演示代码如下:
ホームページ >ウェブフロントエンド >H5 チュートリアル >HTML5 Canvas のマウスとキーボードのイベントのデモ example_html5 チュートリアルのスキル
HTML5 Canvas のマウス イベントを示し、Canvas オブジェクト上のマウス座標を取得し、キーボードを介して Canvas 上のオブジェクトの動きを制御するキーボード イベントを示します。
Canvas オブジェクトは、マウス クリック (MouseClick)、マウス プレス (Mouse Down)、マウス リフト (Mouse Up)、マウス移動 (Mouse Move) を含むすべての JavaScript マウス イベントをサポートしています。 2 つの方法、1 つは API を通じて完了する方法です:
W、A、S、D キーを押してに移動します。