D3 笔记七：交互事件、event、this

1. 交互
   它指的是用户输入了某种指令，程序接受到指令之后必须做出某种响应。
   用户用于交互的工具一般有三种：鼠标、键盘、触屏。

2. API与常用事件
   在 D3 中，每一个选择集都有 on() 函数，用于添加事件监听器。

   on() 的第一个参数是监听的事件，第二个参数是监听到事件后响应的内容，第二个参数是一个函数。

   1. 鼠标常用的事件有：

      • click：鼠标单击某元素时，相当于 mousedown 和 mouseup 组合在一起。
      • mouseover：光标放在某元素上。
      • mouseout：光标从某元素上移出来时。
      • mousemove：鼠标被移动的时候。
      • mousedown：鼠标按钮被按下。
      • mouseup：鼠标按钮被松开。
      • dblclick：鼠标双击。

   2. 键盘常用的事件有三个：

      • keydown：当用户按下任意键时触发，按住不放会重复触发此事件。该事件不会区分字母的大小写，例如 “A” 和 “a” 被视为一致。
      • keypress：当用户按下字符键（大小写字母、数字、加号、等号、回车等）时触发，按住不放会重复触发此事件。该事件区分字母的大小写。
      • keyup：当用户释放键时触发，不区分字母的大小写。

   3. 触屏常用的事件有三个：

      • touchstart：当触摸点被放在触摸屏上时。
      • touchmove：当触摸点在触摸屏上移动时。
      • touchend：当触摸点从触摸屏上拿开时。

3. 事件监听中的 event 与 this

   1. 当某个事件被监听到时，D3 会把当前的事件的各种参数存到 d3.event 对象。

   2. 监听器函数中使用 d3.select(this) 来表示选择当前的元素，this 存的是当前响应事件的元素。