DOM事件

作者: codeSirCao | 来源:发表于2017-06-30 00:33 被阅读5次

    UI事件
    load 页面加载后触发 或者说是ing 嵌入的内容
    unload 当页面完全卸载在window上触发 同上除了img
    abort 当用户停止下载过程时 嵌入的内容没有加载完 触发
    error 报错时候触发img无法加载图像触发
    select 选中字符触发input texterea中一般都是
    resize 窗口或者框架 大小改变 window和框架上触发
    scroll 滚动时触发

    焦点事件
    配合document。hasFocus()和document.activeElement属性配合知晓用户在页面上的行踪
    blur 失去焦点
    focus 获得焦点
    foucsin 等于focus 但是支持冒泡
    focusout 支持冒泡
    鼠标滚轮
    click 单击
    dblclick 双击
    mousedown 按下
    mouseup 抬起
    mouseenter 进入不冒泡
    mouseleave 离开不冒泡
    mousemove 元素上移动
    mouseout 离开冒泡
    mouseover 移入
    mouseWheel 鼠标滚轮事件

    客户区坐标位置
    event.clientX/Y
    页面坐标位置
    event,pageX/Y
    获取滚动距离
    document.body(混淆模式)/document.documentElement(标准模式)的scrollLeft/scrollTop
    屏幕坐标位置
    screenX/Y
    修改键
    event下的
    shiftKey-----shift键
    ctrl/alt/meta/Key -------ctrl alt meta 键

    相关元素
    event下的
    relateTarget/IE下formElement /toElement 保存着事件的一些信息

    鼠标按钮
    mousedown/up 事件event中或存在button属性
    1是代表主鼠标 2 中间的滚轮 3一般都是鼠标右键 3左右键同时
    IE8以下不同
    detail鼠标的信息
    其中的offsetX/Y 还有一些按键的信息
    event.whellDelta 滚轮的信息 120倍数 前后滚 正负之分
    火狐中滚轮事件支持DOMMouseScroll 同样有delta属性不过是3的倍数

    相关文章

      网友评论

          本文标题:DOM事件

          本文链接:https://www.haomeiwen.com/subject/ajzvcxtx.html