zoukankan      html  css  js  c++  java
  • JavaScript-事件类型

    DOM3事件类型:

      1、UI事件:当用户与页面上的元素交互时触发

        a、DOMActivate:元素已经被用户操作激活。

        b、load:(1)页面完全加载:window触发。

              (2)所有框架加载完毕:框架集触发。

              (3)图像加载完毕:<img>触发。

              (4)嵌入内容加载完毕:<object>元素触发。

          例一:EventUtil.addHandler(window,"load",function(event){

              alert("Load");

            });

          例二:<body onload="alert(''Loaded!)">//在window上面发生的任何事件都可以在<body>元素中通过相应的特性来指定。

          例三:

        c、unload:(1)页面完全卸载:window触发。

              (2)所有框架卸载完毕:框架集触发。

              (4)嵌入内容卸载完毕:<object>元素触发。

        d、abort:在用户停止下载过程时,如果嵌入的内容没有加载完,则在<object>上触发。

        e、error:(1)JavaScript错误时:window上触发。

              (2)无法加载图像时:<img>元素上触发。

              (3)无法加载嵌入内容时:<object>元素上触发。

              (4)框架无法加载时:框架集上触发。

        f、select:当用户选择文本框(input或textarea)中的一个或多个字符时触发。

        g、resize:(1)窗口大小变化:window上触发

             (2)框架大小变化时:框架上触发

        h、scroll:当用户滚动带滚动条的元素中的内容时,在该元素上触发。

      2、焦点事件:当元素获得或失去焦点时触发

      3、鼠标事件:当用户通过鼠标在页面上执行操作时触发

      4、滚轮事件:当使用鼠标滚轮(或类似设备)时触发

      5、文本事件:当在文档中输入文本时触发

      6、键盘事件:当用户通过键盘在页面上执行操作时触发

      7、合成事件:当为IME(输入法编辑器)输入字符时触发

      8、变动事件:当底层的DOM结构发生变化时触发

      9、变动名称事件:当元素或属性名发生变动时触发

      

  • 相关阅读:
    2018年NGINX最新版高级视频教程
    PHP 高级工程面试题汇总
    2018年最全Go语言教程零基础入门到进阶实战视频
    Mac和window生成ssh和查看ssh key
    33款可用来抓数据的开源爬虫软件工具
    什么是CMS系统
    对于做需求分析时的一些心得
    WPF和Silverlight的关系
    My97日期控件 My97 DatePicker Ver 3.0 正式版(转)
    HTML教程HTML技巧层的高级应用
  • 原文地址:https://www.cnblogs.com/brandbao-blog/p/12236649.html
Copyright © 2011-2022 走看看