Web APIs 博客相关参考文档 :
通过在 HTML 网页中 添加 JavaScript 脚本 , 可以创建 动态页面 ,
" 事件 " 是动态页面的灵魂 , JavaScript 可以检测到 HTML 页面中发生的行为 , 并针对该行为触发对应的动作 ;
" 事件 " 是 用户 与 HTML 网页 交互时触发的 , 如 : 鼠标点击 , 鼠标移动 , 键盘按键 , 表单提交 , 文件加载 等 动作 ;
" 事件处理程序 " ( Event Handlers ) 是 JavaScript 脚本中处理 " 事件 " 的函数 , 在该函数中可以针对用户的 不同的动作 做出不同的响应 ;
在网页中 , 每个 HTML 标签元素 都可以触发 JavaScript 事件 , 如 : 点击 某个 标签元素 , 弹出对话框 ;
" 事件 " 三要素 :
" 事件 " 类型 :
在下面的代码中 ,
为 <button id="myButton">Click me</button>
标签设置点击事件 , 这是 " 事件源 " ;
事件类型为 click
类型 , 是 点击事件 ;
事件处理程序是下面的函数 , 向 浏览器 控制台 输出一行日志 ;
完整代码示例 :
执行效果 :