logo

该视频仅会员有权观看

立即开通课程「Web前端页面基础」权限。

¥
199
/ 年

用 JavaScript 控制网页的交互行为(键盘事件)

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