zoukankan      html  css  js  c++  java
  • 七十三:JavaScript之JS事件之常用的事件类型

    UI事件
    load:页面所有加载后触发
    resize:窗口大小发生变化时触发
    foucs:获得焦点时触发(不支持冒泡)
    foucsin:获得焦点时触发(支持冒泡)
    blur:失去焦点时触发
    foucsout:失去焦点时触发
    change:域的内容改变时发生,一般用于select、checkbox、radio
    submit:表单中确认按钮被点击时发生
    scroll:拖动滚动条时触发
    textInput:可以用event.data获取当时输入的单个字符内容


    鼠标事件
    click:鼠标单击时触发
    dblclick:鼠标双击时触发
    mousedown:鼠标按钮在元素上按下时触发
    mouseup:在元素上松开鼠标按钮时触发
    mousemove:在鼠标指针在元素上移动时触发
    mouseout:鼠标离开元素或者其子元素时触发
    mouseover:鼠标进入元素或者其子元素时触发
    mouseleave:鼠标离开元素时触发(只能离开目标元素时才触发)
    mouseenter:鼠标进入元素时触发(只能进入目标元素时才触发)


    键盘事件
    keydown:按下键盘任意按键时触发
    keyup:松开按键时触发
    keypress:按下键盘字符按键时触发(只响应字母与数字符号,不支持回车)
    keyCode:返回keydown、keyup、keypress事件触发的键值的字符代码,或键的代码
    charCode:返keypress事件触发的键值的ASCII码


    文档事件
    DOMNodeRemoved:绑定元素本身或绑定元素的任意子元素被删除时触发
    DOMNodeInserted:绑定元素添加子元素时触发
    DOMNodeInsertedIntoDocument:绑定元素添加子元素之前触发
    DOMSubtreeModified:绑定元素本身或绑定元素的任意子元素被删除时触发
    DOMNodeRemovedFromDocument:绑定元素从文档中移除时触发


    H5新增的事件
    DOMContentLoaded:在DOM树加载之后就会触发,不管图像、CSS、JS之类的其他资源,速度比load事件快很多
    readystatechange:提供文档或元素加载的过程(不稳定,不好掌控,不建议使用)
    hashchange:只能添加到window上,获取url#号后面的值的变化,分别用event.oldUrl、event.newUrl获取


    移动端常用的事件
    touchstart:手指触摸屏幕时触发
    touchmove:手指在屏幕上滑动时触发
    touchend:手指从屏幕上移开
    touchcancel:当系统停止跟踪触摸时触发
    event.touchs:获取同时触摸的点的数组,模拟多指操作的场景
    event.changeTouches:同时移动的触摸点的数组
    event.targetTouches:在绑定元素上的触摸点

    讨论群:249728408
  • 相关阅读:
    相交链表 3种方法
    旋转数组 空间复杂度为O(1) 的2 种方法 + 1种空间复杂度O(n)
    各种sort排序总结
    我写过的bug...
    裸BFS题若干
    luence
    mysql 找出外键等约束
    mysql (8.0 或以下)数据 卸载, 安装, 创建用户, 赋权
    navicat 导入sql文件 的正确方法
    [转] git clone 远程分支
  • 原文地址:https://www.cnblogs.com/zhongyehai/p/14194795.html
Copyright © 2011-2022 走看看