- 测试处理键盘交互行为,如输入文本框并按回车使其内容成为标题。
- 页面包含段落(p标签)和一个文本输入框(input元素,type设为text)。
- 输入框具有占位符文字提示用户输入标题。
- 使用JavaScript脚本监听键盘事件。
- 查找文本输入框元素使用
querySelector
. - 给输入框添加事件监听器
addEventListener
监听键盘按下事件(keydown)。 - 如果用户按下的是回车键(Enter),将输入框的值设为标题文本。
- 查找文本输入框元素使用
- 操作流程包括:输入内容、按回车、文本框值成为标题。