事件

笔记

事件的定义

当对文档中的元素进行操作的时候或者文档的状态发生改变的时候就会产生一个事件

事件的三要素

事件源

事件

事件处理程序

知识点

一
document.getElementById
document.getElementsByTagName

二 innerHTML

三style
1.只能对行内样式进行操作
2.backgroundColor 有横杠的css样式要使用驼峰命名法

四 获取元素信息
offsetTop 当前元素距离顶部的偏移量
offsetLeft 当前元素距离左部的偏移量
offsetWidth 获取元素的宽
offsetHeight 获取元素的高

目录

• #事件的分类

  • #onloda事件代码
  • #鼠标单双击事件代码
  • #自定义菜单(鼠标右键 移入 移除 事件)示例
  • #鼠标移动事件
  • #鼠标按下弹起事件
  • #拖动改变div位置
  • #键盘事件源码
  • #将输入表单的值变大写
  • #键盘移动div
  • #键盘组合键
  • #表单节点的获取
  • #终止和终极获取

• #体验事件三要素代码01

• #事件的实际应用

  • #城市联动
  • #放大镜效果

• #体验事件三要素代码02

• #修改背景颜色

• #获取元素信息

• #绑定事件