如何暂时禁用角色移动MelonJS
How to disable a character movements MelonJS temporarily?
我正在用Melon.Js开发一个游戏,在加载它的画布上,我创建了一个聊天窗口。问题是,当我输入时,如果按AWDS键,角色就会移动。有人知道如何暂时禁用(只要聊天窗口聚焦)角色移动吗?
"game.html"
<div ng-controller="ChatController">
<div class="div-chat">
<span ng-repeat="msj in chats | orderBy: 'createdAt'"> <b ng-class=""> {{msj.nick}} : </b> {{msj.mensaje}} <br></span>
</div>
<input class="form-control" type="text" ng-model="mensaje" id="msjChat">
<button type="submit" class="btn btn-default" id="btn_enviar" ng-click="envMsj()">Enviar</button>
"player.js"
me.input.preventDefault;
me.input.bindKey(me.input.KEY.LEFT, 'left', false,false);
me.input.bindKey(me.input.KEY.A, 'left', false,false);
me.input.bindKey(me.input.KEY.RIGHT, 'right', false,false);
me.input.bindKey(me.input.KEY.D, 'right', false,false);
me.input.bindKey(me.input.KEY.UP, 'up', false,false);
me.input.bindKey(me.input.KEY.W, 'up', false,false);
me.input.bindKey(me.input.KEY.DOWN, 'down', false,false);
me.input.bindKey(me.input.KEY.S, 'down', false,false);
我尝试在输入中使用"焦点",但我无法禁用MelonJS画布中的移动
当在键入消息的输入文本中调用keyUp或keyDown事件时,可以使用stopImmediatePropagation方法。这将停止事件的传播,keyUp或keyDown事件将永远不会到达melonJS侦听器。
我让你用的是棱角分明。您可以在元素上实现一个调用此方法的指令。这是一个示例代码。
在您的javascript:中
app.directive('chat', function () {
return {
restrict: 'A',
link: function (scope, elem, attrs) {
elem.bind('keydown', function (e) {
e.stopImmediatePropagation();
return false;
});
elem.bind('keyup', function (e) {
e.stopImmediatePropagation();
return true;
});
}
};
});
在HTML:中
<input chat class="form-control" type="text" ng-model="mensaje" id="msjChat">
相关文章:
- Canvas Html5绘图应用程序,移动画布会导致重大问题
- 正在SharePoint 2013母版页中添加JQuery移动文件
- 如何在android中使用phonegap将文件从一个文件夹移动/复制到另一个文件夹
- 如何使用phaser使html5游戏在移动设备浏览器上运行
- FabricJs-限制主对象内添加对象的移动区域
- 如何从画布上的某个移动事件中获取X和Y
- 触摸移动时切换到新元素
- 每当您在选择器内移动鼠标时,悬停功能就会重复
- 停止jQuery UI滑块移动超过给定值
- 谷歌地图API v3不适用于移动浏览器或PhoneGap
- 如何将chrome扩展功能移植到移动设备(特别是jquery和trello)
- JQuery移动动态分区页面
- XMLHttpRequest在移动设备上的chrome上不起作用
- 如何使bxslider仅在移动视图中处于活动状态
- css停止图像在滚动中移动
- jquery移动对齐按钮取决于内容大小
- 背景图像顶部的滚动图像不移动
- 如何在react js中移动第二个组件
- DataTables在表之间移动行
- 如何暂时禁用角色移动MelonJS