【问题标题】:touch the screen programmatically phonegap以编程方式触摸屏幕phonegap
【发布时间】:2015-12-09 15:48:01
【问题描述】:

每当我单击应用程序中的引导按钮时,它都会卡在活动或悬停状态,除非我单击屏幕上的某个位置。所以我认为这是一个简单的解决方案

1) 检测何时有人单击引导按钮

$(document).on('touchstart', '.btn', function(){ 
    console.log("button touch"); 
});

2) 我怎样才能以某种方式单击屏幕上的某个位置以使按钮松开?(在引导按钮上发生 touchend 事件)

$(document).on('touchend', '.btn', function(){ 
    console.log("button touch end");
    // ?????????????
});

我的引导按钮卡在 phonegap 应用程序上,我已经尝试了所有这些答案

1) 根本无法解决问题 Bootstrap buttons get "stuck" down on mobile devices

2) 我不想改变背景 bootstrap 3 button hover/focus state

【问题讨论】:

  • 您走在正确的道路上。基本上,如果你想避免这种行为,你必须不使用:hover 伪类,而是为mouseenter mouseleave touchstart touchend(等)编写你自己的处理程序来切换相关元素的类或属性。请注意,touchend 可能不会出现在目标元素上,并且在任何给定时间都可能存在多个接触点。如需更多信息,我建议this answer 回答类似问题。
  • 哦,好吧,您是否建议深入研究 boostrap js 并自定义这些功能?
  • 引导按钮上发生 btw 触摸结束事件

标签: jquery css twitter-bootstrap cordova button


【解决方案1】:

您可能应该找出根本问题。但要回答您的问题,您可以使用tiggerclick。以链接为例:

$( "#target" ).click(function() {
    alert( "Handler for .click() called." );
});
$( "#other" ).click(function() {
    $( "#target" ).click();
});

【讨论】:

  • .click() 不起作用。我在导航栏中隐藏了另一个按钮,我尝试以编程方式在 ontouchend 功能上单击该按钮,但它与物理触摸按钮的效果不同
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-01-02
  • 1970-01-01
  • 2018-08-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多