阅读 149

dispatchEvent 学习

1. createEvent(eventType)

参数:eventType 共5种类型:
        Events :包括所有的事件.
        HTMLEvents:包括 'abort', 'blur', 'change', 'error', 'focus', 'load', 'reset', 'resize', 'scroll', 'select', 'submit', 'unload'.事件
        UIEvents :包括 'DOMActivate', 'DOMFocusIn', 'DOMFocusOut', 'keydown', 'keypress', 'keyup'.间接包含 MouseEvents.
        MouseEvents:包括 'click', 'mousedown', 'mousemove', 'mouseout', 'mouseover', 'mouseup'.
        MutationEvents: 包括 'DOMAttrModified', 'DOMNodeInserted', 'DOMNodeRemoved', 'DOMCharacterDataModified', 'DOMNodeInsertedIntoDocument', 'DOMNodeRemovedFromDocument', 'DOMSubtreeModified'.

2. 在createEvent后必须初始化,为大家介绍5种对应的初始化方法

  1. HTMLEvents 和 通用 Events:
    initEvent( 'type', bubbles, cancelable )

  2. UIEvents :
    initUIEvent( 'type', bubbles, cancelable, windowObject, detail )

  3. MouseEvents:
    initMouseEvent( 'type', bubbles, cancelable, windowObject, detail, screenX, screenY,
    clientX, clientY, ctrlKey, altKey, shiftKey, metaKey, button, relatedTarget )

  4. MutationEvents :
    initMutationEvent( 'type', bubbles, cancelable, relatedNode, prevValue, newValue,
    attrName, attrChange )

3. 在初始化完成后就可以随时触发需要的事件了

targetObj.dispatchEvent(event)
使targetObj对象的event事件触发
需要注意的是在IE 5.5+版本上请用fireEvent方法,还是浏览兼容的考虑

4. 更多

不过这个好像已经废弃了,现在推荐Eevent构造函数,查看有关Event的WebAPI,但是 Event构造函数不兼容IE,所以如果要兼容IE的话还是离不开上面的那个



作者:今天也要努力好吗
链接:https://www.jianshu.com/p/ce526c05aef0


文章分类
后端
文章标签
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐