Derse geri dön
Bu materyal sadece English, Español, Français, Indonesia, Italiano, 日本語, 한국어, Русский, 简体中文 dillerinde mevcuttur. Lütfen Türkçe diline çevirmek için bize yardım edin.

Keyboard-driven mouse

önem: 4

Focus on the mouse. Then use arrow keys to move it:

Yeni pencerede göster

P.S. Don’t put event handlers anywhere except the #mouse element. P.P.S. Don’t modify HTML/CSS, the approach should be generic and work with any element.

Görevler için korunaklı alan aç.

We can use mouse.onclick to handle the click and make the mouse “moveable” with position:fixed, then mouse.onkeydown to handle arrow keys.

The only pitfall is that keydown only triggers on elements with focus. So we need to add tabindex to the element. As we’re forbidden to change HTML, we can use mouse.tabIndex property for that.

P.S. We also can replace mouse.onclick with mouse.onfocus.

Çözümü korunaklı alanda aç.