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、变动名称事件:当元素或属性名发生变动时触发

  

原文地址:https://www.cnblogs.com/brandbao-blog/p/12236649.html