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
  • 相关阅读:
    Spring Boot2 系列教程(二十)Spring Boot 整合JdbcTemplate 多数据源
    Spring Boot 如何给微信公众号返回消息
    Spring Boot2 系列教程(十九)Spring Boot 整合 JdbcTemplate
    Spring Boot2 系列教程(十八)Spring Boot 中自定义 SpringMVC 配置
    Spring Boot 开发微信公众号后台
    Spring Boot2 系列教程(十七)SpringBoot 整合 Swagger2
    Spring Boot2 系列教程(十六)定时任务的两种实现方式
    Spring Boot2 系列教程(十五)定义系统启动任务的两种方式
    Spring Boot2 系列教程(十四)CORS 解决跨域问题
    JavaScript二维数组
  • 原文地址:https://www.cnblogs.com/zhongyehai/p/14194795.html
Copyright © 2011-2022 走看看