首页要求实现点击shift键的时候将事件源和keyCode展示在输入框上方的div

要求实现点击shift键的时候将事件源和keyCode展示在输入框上方的div

时间: 2024-02-21 16:56:46 浏览: 60

好的，我可以帮您实现这个功能。您可以参考以下代码： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>展示keyCode</title> <style> #input-div { width: 300px; height: 100px; border: 1px solid #ccc; padding: 10px; margin: 20px auto; text-align: center; font-size: 18px; } </style> </head> <body> <div id="input-div"></div> <script> const inputDiv = document.getElementById('input-div'); document.addEventListener('keydown', event => { if (event.keyCode === 16) { inputDiv.innerText = `事件源：${event.target.tagName}，keyCode：${event.keyCode}`; } }); </script> </body> </html> ``` 这个代码会监听整个文档的 keydown 事件，当按下 Shift 键时，就会将事件源和 keyCode 展示在输入框上方的 div 中。注意，这里的事件源指的是当前获得焦点的元素。

阅读全文