1.document.activeElement:获取当前焦点所在的元素,用户敲击键盘时,这个元素可以获取键盘的事件。只读属性。在mac上只有input[type=text]和textarea可以被分配焦点。这个属性可以是input (text/button/radio/checkbox)或者textarea。可以用本例中的方法切换焦点或者使用tab,然后用空格键激活(按按钮或者选择一个单选框)--- https://developer.mozilla.org/en-US/docs/Web/API/Document/activeElement
2.contains:返回布尔值,确定当前元素是否是指定元素的后代元素,相同元素也是true。
光标是在获取焦点的文本框或者文本区域等文字编辑控件上显示的。所以可以通过设置文本域的焦点达到改变光标的效果。至于通过方向键操作的话,那就可以按一个简单的规则操作,如果按键是右键或者是下键的话,那么当前焦点的文本框的下一个文本框获得焦点,如果按键是左键或者是上键的话,那么上一个获得焦点。
方向键通过获取按键的键码识别。
用js的 event.keyCode来获取方向键。从网上你可以查到左右方向键对应的keyCode值,这样你就能获取到左右键点击事件了。
然后当左右键点击的时候,触发显示和隐藏对应图片的功能。
图片的显示和隐藏,你可以用js给对应的图片添加显示或者隐藏的css。
这样就能实现你要的效果了