事件对象

• 事件发生以后，会生成一个事件对象，作为参数传给监听函数
• 参考资料
  • 事件种类
  • 事件对象
  • w3school

事件对象

• IE8及以下版本，事件对象不作为参数传递，而是通过window对象的event属性读取。

<script type="text/javascript">
function myEventHandler(event) {
    //IE8及以下版本，事件对象不作为参数传递，而是通过window对象的event属性读取。
      var actualEvent = event || window.event;
}
</script>

获取事件目标节点

• target
  • 返回触发事件的那个节点，即事件最初发生的节点。
• currentTarget
  • 返回事件当前所在的节点，即正在执行的监听函数所绑定的那个节点。
• srcElement
  • IE获取事件所在节点

<script type="text/javascript">
function myEventHandler(event) {
    //IE8及以下版本，事件对象不作为参数传递，而是通过window对象的event属性读取。
    var actualEvent = event || window.event;
    //获取事件对象触发节点
    var actualTarget = actualEvent.target || actualEvent.srcElement;

}
</script>

键控动画

案例练习

获取事件键值

• event.keyCode
• event.which
• event.charCode

<script type="text/javascript">
function myEventHandler(event) {
    //IE8及以下版本，事件对象不作为参数传递，而是通过window对象的event属性读取。
    var event = event || window.event;
    //获取事件对象触发节点
    var target = event.target || event.srcElement;
    //获取键值
    var key = event.keyCode||event.which||event.charCode;
}
</script>

键控动画

案例练习

表单事件

样式编辑器