赵金海
赵金海
  • 发布:2018-03-12 06:40
  • 更新:2018-03-13 03:37
  • 阅读:1896

请问如何监听同时按下两个按钮

分类:HBuilder

如题。想要实现像游戏中的操作按钮那样的功能,同时按下不同按钮,实现不同的功能。

更新:
自己搞定了。不过没有用mui的手势事件,实在没找到文档哪里有关于multi-touch的,还是用的javascript里的touchstart事件,代码如下:

document.addEventListener('touchstart',function(e){  
            //如果同时按下两个按钮,e.touches.length就是2  
            if (e.touches.length == 2) {  
                firstBtn = e.touches[0].target;  
                secondBtn = e.touches[1].target;  
                console.log("Now touching buttons: " + firstBtn.id + " and " + secondBtn.id);  
                //下面就可以针对这个事件写相应的代码了。  
            } else {  
                //非同时按两个按钮的情况下保留原模板中的返回值,虽然不知道具体作用是什么,看到原说明文字是:取消浏览器的所有事件,使得active的样式在手机上正常生效  
                return false;  
            }  
        },true);

但是还是希望知道用mui的手势事件有没有办法实现?

2018-03-12 06:40 负责人:无 分享
已邀请:
老哥教教我

老哥教教我 - 踏实工作

看看hello mui中的chat(聊天窗口)模板是否满足需求!有个录音必须判断按住事件

不是按下,应该是按住吧!

手势事件
在开发移动端的应用时,会用到很多的手势操作,比如滑动、长按等,为了方便开放者快速集成这些手势,mui内置了常用的手势事件,目前支持的手势事件见如下列表:

长按 longtap 长按屏幕
hold 按住屏幕
release 离开屏幕

http://dev.dcloud.net.cn/mui/event/#gesture

  • 赵金海 (作者)

    谢谢,我去看看。对,是要同时按住两个按钮。

    2018-03-12 16:24

  • 赵金海 (作者)

    你好,没有找到你说的chat模板,我以为是我的版本太旧,又升级了Hbuilder之后重新新建了Hello mui项目,里面仍然没有chat模板。或者能否麻烦你把相应代码直接分享一下?非常感谢。

    2018-03-12 22:21

赵金海

赵金海 (作者)

手势事件知道怎么用,但都是监听单一操作的,没有找到监听同时按住两个按钮的办法。

赵金海

赵金海 (作者)

自己搞定了。不过没有用mui的手势事件,实在没找到文档哪里有关于multi-touch的,还是用的javascript里的touchstart事件,代码如下:

document.addEventListener('touchstart',function(e){  
            //如果同时按下两个按钮,e.touches.length就是2  
            if (e.touches.length == 2) {  
                firstBtn = e.touches[0].target;  
                secondBtn = e.touches[1].target;  
                console.log("Now touching buttons: " + firstBtn.id + " and " + secondBtn.id);  
                //下面就可以针对这个事件写相应的代码了。  
            } else {  
                //非同时按两个按钮的情况下保留原模板中的返回值,虽然不知道具体作用是什么,看到原说明文字是:取消浏览器的所有事件,使得active的样式在手机上正常生效  
                return false;  
            }  
        },true);

该问题目前已经被锁定, 无法添加新回复