事件--JavaScript

  1. 事件概述

JavaScript 使我们有能力创建动态页面,而事件是可以被 JavaScript 侦测到的行为。

简单理解: 触发--- 响应机制。

网页中的每个元素都可以产生某些可以触发 JavaScript 的事件,例如,我们可以在用户点击某按钮时产生一个 事件,然后去执行某些操作。

  1. 事件三要素
  • 事件源(谁):触发事件的元素
  • 事件类型(什么事件): 例如 click 点击事件
  • 事件处理程序(做啥):事件触发后要执行的代码(函数形式),事件处理函数

案例代码




3 执行事件的步骤

  • 1、获取事件源
    2、注册事件(绑定事件)
    3、添加事件处理程序(采取函数赋值形式)

示例:


123


4 常见的鼠标事件

鼠标事件 触发条件
onclick 鼠标点击左键触发
onmouseover 鼠标经过触发
onmouseout 鼠标离开触发
onfocus 获得鼠标焦点触发
onblur 失去鼠标焦点触发
onmouseup 鼠标弹起触发
onmousemove 鼠标移动触发
onmousedown 鼠标按下触发

posted @ 2019-08-28 14:07  CNYangx  阅读(195)  评论(0)    收藏  举报