Now for this next task, what we'd like you to do is actually hook up mousemove
and keydown to proper listener events. So that we can receive and then respond
to those two actions appropriately. Now remember, the proper syntax to add an
event listener is as such. Make sure you utilize this while filling out your
code. Now for mousemove, the event object itself will contain two properties
that you'll need to use. The client x and client y values represent the
position of the mouse on the canvas itself not on the webpage. So make sure you
take that into account. The onKeyDown event, instead of containing a clientX
and clientY, contains a keyID property.
Ahora para la siguiente tarea, lo que quisiera que hagas es ligar MouseMove
y keydown a los escuchadores de eventos [listener events] apropiados, de forma que podamos recibir y luego responder
apropiadamente a estas dos acciones. Recuerda, la sintaxis correcta para añadir un event listener
[escuchador de evento] es así. Asegúrate de utilizarla cuando estés completando
tu código. Ahora, para MouseMove, el objeto del evento mismo tendrá dos propiedades
que necesitarás usar. Los valores
client.x y client.y representan la
posición del ratón en el canvas como tal, no en la página web; así que asegúrate
de tomarlo en cuenta. El evento onKeyDown, en lugar de tener client.x
y client.y, tiene una propiedad keyID.
次にmousemoveとkeydownをイベントリスナーに
つなぎます
そうすればこの2つの動作を受信して
適切に応答できます
addEventListenerの文法は
このようになります
コード記入の際はこれを利用してください
onMouseMoveへ渡す引数eventには
2つのプロパティが含まれています
clientXとclientYの値は
Webページ上ではなく
Canvas上のマウスの位置を表します
onKeyDownイベントはclientXとclientYではなく
keyIDプロパティを含みます
Agora, para esta atividade, o que vamos
fazer é conectar mousemove
e keydown para o ListenerEvents adequado.
Podemos receber e então responder
para as duas ações apropriadamente. Lembre-se
da sintaxe adequada para adicionar um
ListenerEvents como tal. Certifique-se
de utilizar isso enquanto insere
seu código. Agora para mousemove, o objeto
do evento conterá duas propriedades
que precisaremos usar. Os valores
client x e client y representam a
posição do mouse na tela, não na página.
Então, certifique-se
de levar isso em conta. O onKeyDown event,
ao invés de conter um clientX
e clientY, contém um keyID property.