Question

我是一所学校的老师，每个教室都有一个SmartBoard交互式白板。我正在尝试创建一个供孩子们使用的Web应用程序，主要涉及在网页上拖放各种元素。我实际上已经创建了一个在带有鼠标的计算机上使用时工作正常的。然而，在SmartBoard上，拖放确实滞后，有时完全失败。

据我所知，白板不会模仿onmousedown功能，而是所有触摸都被解释为onclick s。有没有办法解决？我想不出一种在不使用onmouseup和onmousedown的情况下实现拖放的方法，也不知道如何让白板以不同的方式解释输入。

我能想到解决这个问题的唯一方法是用Java编写应用程序，因为我从经验中知道这将有效。然而，这显然是更多的工作，所以如果我不需要，我宁愿不去做。

Answer 1

我要做的第一件事就是记录智能板允许您注册的所有事件：

function log(e) {
  console.log(e.type, e.pageX, e.pageY, e);
}

document.addEventListener('mousedown',log,false);   
document.addEventListener('mousemove',log,false);
document.addEventListener('mouseup',log,false);

（console.log是Google Chrome原生的，您可能需要将插件安装到其他浏览器。）

这将帮助您决定做什么。一种可能的解决方案是使用双击来触发拖动动作的开始/停止。

SmartBoard交互式白板拖放

1 个答案: