前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >dispatchEvent 学习笔记

dispatchEvent 学习笔记

原创
作者头像
前端小tips
修改2021-11-23 16:49:29
4620
修改2021-11-23 16:49:29
举报
文章被收录于专栏:前端文章小tips前端文章小tips

1. createEvent(eventType)

代码语言:javascript
复制
参数: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的话还是离不开上面的那个

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1. createEvent(eventType)
  • 2. 在createEvent后必须初始化,为大家介绍5种对应的初始化方法
  • 3. 在初始化完成后就可以随时触发需要的事件了
  • 4. 更多
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档