hilo允许触发DOM事件, 打开事件机制

在hilo中默认是不能触发dom事件的,也就是说不能进行点击,鼠标按下,抬起等操作,需要允许触发dom事件,打开事件机制。

import Hilo from 'Hilo';
export default class Stage extends Hilo.Stage {  
    constructor(props) {
        super(props);
        this.init(); 
        // enableDOMEvent 允许触发DOM事件, 即打开事件机制
        this.enableDOMEvent([
            Hilo.event.POINTER_START,
            Hilo.event.POINTER_MOVE,
            Hilo.event.POINTER_END,
            'click'
        ])
    }

    init() {
        new Hilo.Bitmap({    
            image: 'images/html1.png',  
            y: 100,   
            x: 100,  
            scaleX: 1,   
            scaleY: 1   
        }).addTo(this)
        .on(Hilo.event.POINTER_START, ()=>{  //上面已经打开了事件机制,可以使用事件了哦!
           console.log('打印111')
        })

        var ticker = new Hilo.Ticker(60);
        ticker.addTick(this);
        ticker.start();
    }
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,581评论 1 11
  • js之事件机制 1、事件初探 1.1 js事件的概述 JavaScript事件:JavaScript是基于事件驱动...
    道无虚阅读 2,444评论 0 2
  • 十五、处理事件 原文:Handling Events译者:飞龙协议:CC BY-NC-SA 4.0自豪地采用谷歌翻...
    布客飞龙阅读 557评论 0 7
  • 本节介绍各种常见的浏览器事件。 鼠标事件 鼠标事件指与鼠标相关的事件,主要有以下一些。 click 事件,dblc...
    许先生__阅读 2,541评论 0 4
  • 事件流 JavaScript与HTML之间的交互是通过事件实现的。事件,就是文档或浏览器窗口中发生的一些特定的交互...
    DHFE阅读 859评论 0 3