zoukankan      html  css  js  c++  java
  • JS事件基础和绑定

    一、事件的分类

    1. 鼠标事件
    2. 键盘事件
    3. 表单事件
    4. 页面事件

    二、事件驱动

    1. .事件
      javascript侦测到的用户的操作或是页面的一些行为(怎么发生的)

    2. 事件源
      引发事件的元素。(发生在谁的身上)

    3. 事件处理程序
      对事件处理的程序或是函数 (发生了什么事)

    三、事件的绑定

    1. 在脚本中绑定
    2. 直接在HTML元素绑定

    四、同个元素添加绑定多个事件

    1. 手动输入,自定义
    2. IE:
      对象.attachEvent("事件(on)","处理程序")   添加
      对象.detachEvent("事件(on)","处理程序")    删除

       FF:
        对象.addEventListener("事件","处理程序",布尔值)   添加
        对象.removeEventListener("事件","处理程序",布尔值)   删除

    五、事件对象的属性 

      相对于浏览器位置的
        clientX 当鼠标事件发生的时候,鼠标相对于浏览器X轴的位置
        clientY 当鼠标事件发生的时候,鼠标相对于浏览器Y轴的位置

      相对于屏幕位置的
        screenX 当鼠标事件发生的时候,鼠标相对于屏幕X轴的位置
        screenY 当鼠标事件发生的时候,鼠标相对于屏幕Y轴的位置

      相对于事件源的位置
        IE:
          offsetX 当鼠标事件发生的时候,鼠标相对于事件源X轴的位置
          offsetY 当鼠标事件发生的时候,鼠标相对于事件源Y轴的位置  

        FF:
          layerX 当鼠标事件发生的时候,鼠标相对于事件源X轴的位置
          laterY 当鼠标事件发生的时候,鼠标相对于事件源Y轴的位置

  • 相关阅读:
    用户控件赋值
    计算一串数字中每个数字出现的次数
    如何理解c和c++的复杂类型声明
    STM32 NVIC学习
    stm32f10x_flash.c中文版
    IBM中国研究院Offer之感言——能力是一种态度
    对于STM32别名区的理解 (转载)
    STM32时钟学习之STM3210X_RCC.H解读
    STM32 DMA
    STM32 内部时钟输出PA.8(MCO)
  • 原文地址:https://www.cnblogs.com/f19huangtao/p/4663182.html
Copyright © 2011-2022 走看看