Phaser游戏框架与HTMLDom元素的通信交互

时间：2023-04-02 14:34:25 HTML

本来是想根据PHASER的HTMLDom元素官方例子来创建HTMLDOM元素：http://labs.phaser.io/index.h...Canvas，但是this.add.dom一直提示错误，无奈我直接使用HTML5语法创建DOM元素，然后在Phaser中获取DOM元素，没有使用第三方PhaserHtmlInputPlugin插件，这非常方便快捷。按照这个思路，也可以创建listView、ScrollView等一系列HTMLDom元素，然后在Phaser中操作对应的divID。至于BUTTON元素，可以使用addEventListerner来监听。HTML代码数量：

提交

搜索中...PHASER代码//MARK:--创建元素createBetElement:function(){document.getElementById('gameBetZone').style.display='none';//块document.getElementById('rowBet').style.display='block';document.getElementById('rowSearching').style.display='none';}//获取输入框数量的值。amountEle=document.getElementById('amount');this.betButton=document.getElementById('betButton');me.betButton.addEventListener('click',myClickEvent,false);functionmyClickEvent(){//删除现有按钮事件;me.betButton.removeEventListener('click',myClickEvent,false);//TODO：将这个值发送到服务器；console.log('me.amountEle.value$',me.amountEle.value);}更多游戏教程：www.iFIERO.com--以游戏开发为荣

上一篇：web前端好程序员分享web前端入门知识

下一篇：摘自HTML-Location_017

Phaser游戏框架与HTMLDom元素的通信交互相关文章