Javascript 如何让按钮识别;拖拽;作为「;点击";

Javascript 如何让按钮识别;拖拽;作为「;点击";,javascript,jquery,twitter-bootstrap,twitter-bootstrap-3,touch,Javascript,Jquery,Twitter Bootstrap,Twitter Bootstrap 3,Touch,我正在尝试使用bootstrap3为touch UI制作按钮。 我的产品是为那些不熟悉触摸设备的人设计的,所以用户倾向于“深按”按钮。 当按钮被深深按下时,屏幕上的一个手指“位置”会滑动,浏览器(如chrome)会识别按钮被拖动。 当开始按下按钮时,按钮被激活,但当滑动时,按钮被停用,并且单击被取消 我想做的是,即使用户按了带有滑条的按钮,也能使按钮执行单击时的功能 我该怎么做 这是我的示例代码。 请在触摸设备或浏览器上的触摸模拟器上查看。谢谢您的宝贵意见。 最后我找到了答案: const$t

我正在尝试使用
bootstrap3
touch UI
制作
按钮。
我的产品是为那些不熟悉触摸设备的人设计的,所以用户倾向于“深按”按钮。
当按钮被深深按下时,屏幕上的一个手指“位置”会滑动,浏览器(如chrome)会识别按钮
被拖动
。
当开始按下按钮时,按钮被激活,但当
滑动时
,按钮被停用,并且
单击
被取消

我想做的是,即使用户按了带有滑条的按钮,也能使按钮执行单击时的功能

我该怎么做

这是我的示例代码。
请在触摸设备或浏览器上的触摸模拟器上查看。

谢谢您的宝贵意见。 最后我找到了答案:

const$touchButton=$(“.touchButton”);
$touchButton.on(“鼠标向下触摸启动”,e=>{
const$按钮=$(e.currentTarget);
$button.addClass(“活动”);
});
$touchButton.on(“touchmove”,e=>{
const$按钮=$(e.currentTarget);
$button.addClass(“触摸按钮——触摸移动”);
});
$touchButton.on(“touchend”,e=>{
const$按钮=$(e.currentTarget);
$button.removeClass(“活动”);
if($button.hasClass(“touch-button-touchmoving”)){
$button.click();
$button.removeClass(“触摸按钮--触摸移动”);
}
});
$touchButton.on(“mouseup”,e=>{
const$按钮=$(e.currentTarget);
$button.removeClass(“活动”);
});
$touchButton.on(“mouseleave”,e=>{
const$按钮=$(e.currentTarget);
$button.removeClass(“活动”);
});
$touchButton.on(“上下文菜单”,e=>{
返回false;
});
$touchButton.on(“单击”,e=>{
警报(“世界一!");
});
。触摸按钮{
背景色:#169632;
盒影:0px 8px 0px 0px rgba(13,87,30,1);
边界:无;
大纲:无;
}
.触摸按钮{
边缘顶部:8px;
盒影:无;
}
.集装箱{
利润率:10px;
}
#我的纽扣{
边界半径:8px;
填充:16px;
颜色:白色;
字体大小:20px;
}

日本の米は

请发布您尝试过的内容,仅从您的定义来看,我们无法帮助您是长按的示例,这可以帮助您。@Vishalmodi我添加了我的代码。谢谢。我想我可以帮助您。