• JavaScript-事件


    事件:触发特定条件,完成某一项功能

    学习目的:在指定条件下,完成特定的功能

         条件满足的情况下,系统会自动(回调)执行某项方法

    一、事件的两种绑定方法:

    1、on绑定方式
       这种方式只能绑定一个方法,如果绑定了两个,那么第二个会覆盖掉第一个
       取消该事件的方式 onclick = '';
    2、非on绑定方式
       这种绑定方式可以绑定多个方法。
       //设置绑定事件的方法
       var func = function () {}
       div.addEventListeners('click',func)
    
       //取消绑定事件的方法
       div.removeEventlistener('click',func)

    二、冒泡:父子级拥有同一事件时,子级触发事件,那么它的父级也会触发该事件

      默认事件:一些事件存在默认的系统操作,比如鼠标右键会弹出菜单栏,通过返回值false,取消默认。

    三、鼠标事件

    onclick    鼠标点击
    ondbclick  鼠标双击
    onmousedown 鼠标按下
    onmouseup   鼠标抬起
    onmousemove 鼠标移动
    onmouseover 鼠标悬浮
    onmouseout  鼠标移开
    oncontextmenu   鼠标右键
    
    
    ev.clientX  x轴
    ev.clientY  y轴

    四、键盘事件

    onkeydown:键盘按下
    onkeyup:键盘抬起
    
    ev.keyCode:每个键对应的数字

    五、表单事件

    onfocus:获取焦点
    onblur:失去焦点
    onselect:文本被选中
    oninput:值改变
    onchange:值改变,失去焦点后触发
    onsubmit:表单默认提交事件

    六、文档、页面事件

    onload:页面加载成功
    onscroll 页面滚动
    onresize:页面尺寸调整
  • 相关阅读:
    Javascript异步编程的4种方法(阮一峰)
    vue 要点
    npm指南
    http请求状态及其含义表
    IOS 7层协议
    js模块化
    UITouch触摸事件
    UIGestureRecognizer手势识别
    UISegmentControl 、UIStepper
    UINavigationController
  • 原文地址:https://www.cnblogs.com/zhuchunyu/p/9830602.html
Copyright © 2020-2023  润新知