• js事件分类


    鼠标点击事件
    mousedown、mousemove、mouseout、dblclick(双击)、contextmenu(右键菜单)

    鼠标滚轮事件 mousewheel
    滚轮事件,适用于IE/谷歌safari,DOMMouseScroll–>火狐私有的滚轮事件,只能用addEventListener()方式绑定。
    e.wheelDelta > 0表示滚轮向上。e.wheelDelta < 0表示滚轮向下。e.detail<0表示滚轮向上,e.detail>0表示滚轮向下,火狐私有。

    键盘事件
    keypress、keydown、keyup
    keydown可以检测到键盘所有,包括实体键,已经辅助键【ctrl,shift,alt,f1…】
    keypress只能检测到实体键【字符,字母,数字,符号,空格】,并且可以检测出字母大小写,检测你所按的键e.keyCode

    触屏事件
    touchstart,手指按下屏幕触发
    touchmove,手指在屏幕上滑动
    touchend,手指离开屏幕触发
    touchcancel,触屏事件取消
    分类 参数 描述
    缩放 pinchstart 缩放手势起点
    pinchend 缩放手势终点
    pinch 缩放手势
    pinchin 收缩
    pinchout 放大
    旋转 rotateleft 向左旋转
    rotateright 向右旋转
    rotate 旋转
    滑动 swipestart 滑动手势起点
    swiping 滑动中
    swipeend 滑动手势终点
    swipeleft 向左滑动
    swiperight 向右滑动
    swipeup 向上滑动
    swipedown 向下滑动
    swipe 滑动
    拖动开始 dragstart 拖动屏幕
    拖动 drag 拖动手势
    拖动结束 dragend 拖动屏幕
    拖动 drag 拖动手势
    长按 hold 长按屏幕
    敲击 tap 单击屏幕

    表单事件
    onchange[表单下拉列表元素改变时],
    oninput[文本框输入时]
    onsubmit[表单提交时]
    onfocus[获取焦点]
    onblur[失去焦点]

    事件绑定 的两种方式。
    on和addEventListener()
    1、on事件绑定
    通过on这种方式绑定的事件可以通过,可以通过设置为NULL来移除。
    on事件只能添加到事件的冒泡阶段。
    2、addEventListener()
    通过addEventListener(type,handle,boolean)这种方式绑定的事件可以通过removeEventListener(type,handle,boolean)来移除事件。boolean为false绑定到事件的冒泡阶段。为true绑定到事件的捕捉阶段。

    事件冒泡与捕捉
    阻止冒泡:
    通过on这个方式绑定的事件,使用e.cancelBubble = true;
    addEventListener 使用e.stopPropagation()阻止事件传播

    阻止默认事件
    1、return false;
    2、event.preventDefault;

  • 相关阅读:
    购买电脑注意事项
    这个题用堆排序还是直接插入法呢?
    2011新历年最后一天了
    VC中对于Dialog,OnCreate()和OnInitDialog()是什么关系
    英语问题,(有些答案不对,不对的请说一声)
    尝鲜之在Github上搭建Octopress博客
    nodejs+express+ejs+mongoose实例
    Hadoop问题小记
    Storm资料汇总
    C# 集合类 Array Arraylist List Hashtable Dictionary Stack Queue 泛型
  • 原文地址:https://www.cnblogs.com/jiandanshishu/p/12953306.html
Copyright © 2020-2023  润新知