Key=
MouseButton=
MousePos=
from pyodide import create_proxy
# エレメント
el_key = Element('key')
el_mousebutton = Element('mousebutton')
el_mousepos = Element('mousepos')
# 呼び出す関数はasyncにする必要がある
async def on_keydown(event):
"""キーが押されたとき."""
el_key.element.value = event.key
async def on_keyup(event):
"""キーが離されたとき."""
el_key.element.value = ''
async def on_mousedown(event):
"""マウスボタンが押されたとき."""
el_mousebutton.element.value = event.button
async def on_mouseup(event):
"""マウスボタンが離されたとき."""
el_mousebutton.element.value = ''
async def on_mousemove(event):
"""マウスボタンが離されたとき."""
el_mousepos.element.value = f'({event.x}, {event.y})'
panel = document.querySelector("body")
panel.addEventListener("keydown", create_proxy(on_keydown))
panel.addEventListener("keyup", create_proxy(on_keyup))
panel.addEventListener("mousedown", create_proxy(on_mousedown))
panel.addEventListener("mouseup", create_proxy(on_mouseup))
panel.addEventListener("mousemove", create_proxy(on_mousemove))