如何使onclick事件跳转到offclick?

时间:2015-07-21 20:47:19

标签: javascript css angularjs touchscreen

我正在为触摸屏电脑制作虚拟键盘。我只使用angular,html和css。如何制作它,以便当我触摸键时,即使我按住键,点击也会被迫“抬起鼠标。”

我问这个的原因是因为在500ms-1000ms内触摸2个字符时,最终没有注册点击。

如果您有关于改善触摸屏可用性的任何提示,请随时发表评论:)

2 个答案:

答案 0 :(得分:1)

在触控设备上打开此演示进行测试: http://jsbin.com/nibohe/4/

要获得原生app感觉(触摸/鼠标)UX:

$keybKeyElement.on("touchstart mousedown", function( event ){
    event.preventDefault();
    // Capture the key
    // Send character to textarea
    // other stuff
});

如果您只在触摸屏上使用click事件,则必须

  • 等待用户〜<300 + ms进行向上移动
  • 〜400ms延迟浏览器使其成为有效的点击事件。

其中touchstart结束event.preventDefault会导致clickmousedown或桌面(非/触摸)计算机上使用的其他事件。

答案 1 :(得分:0)

您可以尝试使用onmouseup代替onclick