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轴的位置

  • 相关阅读:
    ASP.NET MVC 学习之路由(URL Routing)
    Linux 部署ASP.NET SQLite 应用 的坎坷之旅 附demo及源码
    linux解压zip文件
    /bin/sh^M:解释器错误:没有那个文件或目录
    mysql查看连接情况
    linux编译qt
    没有可用的软件包 xxx,但是它被其它的软件包引用了
    什么是人月
    qt linux 打包
    linux里安装使用svn
  • 原文地址:https://www.cnblogs.com/f19huangtao/p/4663182.html
Copyright © 2011-2022 走看看