在移动设备上替换 mousedown 的最佳解决方案

Posted

技术标签:

【中文标题】在移动设备上替换 mousedown 的最佳解决方案【英文标题】:Best solution to replace mousedown in mobil devices 【发布时间】:2016-10-25 03:28:20 【问题描述】:

我正在尝试找到一种方法,通过桌面和移动设备上的智能导航方式来最小化我的用户界面。 在移动设备中替换 mousedown 的最佳解决方案是什么 http://codepen.io/shaikeomra/pen/XKNBVX

$(document).mouseup(function(e)
    if(mouse_down) 
    //
    mouse_down = false;
    $("#header").animate(height: 46,300);
    $("#menu").removeClass("show");
    $(".pullmenu-icon").removeClass("hide");
    //

【问题讨论】:

【参考方案1】:

vmousedown - 这是来自 jQuery Mobile 文档:

"...允许开发者为基本鼠标注册监听器 事件,例如 mousedown、mousemove、mouseup 和 click,以及 插件将负责在后面注册正确的侦听器 场景以尽可能快的时间调用侦听器 设备。”

https://api.jquerymobile.com/vmousedown/

编辑:我不会替换事件处理,因为现代设备可以同时拥有鼠标和触摸屏,而是遵循其他 SO 答案中描述的提示:

How to bind both Mousedown and Touchstart, but not respond to both? android, JQuery

【讨论】:

以上是关于在移动设备上替换 mousedown 的最佳解决方案的主要内容,如果未能解决你的问题,请参考以下文章

在触摸设备上触发 mousedown 和 mouseup

如何绑定 Mousedown 和 Touchstart,但不响应两者?安卓、jQuery

在移动设备上没有触发第二次点击画布

检测移动设备的最佳方法是啥?

03 关于click事件点击会掉帧的解决方案

JQuery UI Draggable on long press 适用于 mousedown 但不适用于 touchstart