美文网首页
自定义事件原生实现

自定义事件原生实现

作者: 海豚先生的博客 | 来源:发表于2020-05-02 15:42 被阅读0次

类似jquery中的事件绑定和触发

let Event = {}
Event.on = function (type,cb) {
  this.handler = this.handler || {}
  this.handler[type] = this.handler[type] || []
  this.handler[type].push(cb)
  console.log(this);
  
}
Event.trigger = function (type) {
  this.handler[type].forEach(cb => {
    cb()
  });
}

Event.on('click', function () {
  console.log('click1');
})
Event.on('click', function () {
  console.log('click2');
})
Event.trigger('click')

相关文章

  • JavaScript之事件完整篇

    目录html原生事件自定义事件node中的自定义事件前端框架的自定义事件 一、html原生事件 1. 概念 观察者...

  • .native && $listeners

    将原生事件绑定到自定义组件 原生事件在自定义组件上是不起作用的 添加修饰符.native,原生事件在自定义组件上就...

  • (十二)给组件绑定原生事件

    本节知识点 给组件绑定原生事件 代码实现 因为自定义组件要想绑定事件必须监听子组件发射过来的事件。而要是用原生的就...

  • 自定义TabBar

    基本自带TabBar来实现自定义 在iOS原生的tabBar中,能够实现按钮的点击事件,能够实现视图控制器的切换等...

  • 自定义事件原生实现

    类似jquery中的事件绑定和触发

  • jQuery例子记录(持续更新)

    目录: 1.自定义事件2.操作DOM(与JS原生对比) 1.自定义事件 绑定自定义事件: 事件名称refresh....

  • Vue之event(事件)

    目标:1、了解event的实现原理。2、了解Dom事件和自定义事件的区别。 平时开发过程中,组件间通讯,原生交互都...

  • 自定义事件深入

    1.原生dom绑定系统事件 2.非原生dom绑定自定义事件 Event组件:Event非原生DOM节点,而绑定的c...

  • 第二十节:Vue组件传参:Vue子组件向父组件传参(事件传参)

    1. 自定义事件 除了可以处理原生的DOM事件, v-on指令也可以处理组件内部触发的自定义的事件,调用this....

  • vue中的native事件

    .native是什么? .native - 监听组件根元素的原生事件。主要是给自定义的组件添加原生事件。 给普通的...

网友评论

      本文标题:自定义事件原生实现

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