0

我正在用 GWT 构建一个机器 GUI。

机器有一个触摸屏面板，所以我不需要查看光标，我不希望启用选择。

第一个解决方案是将其放在 css 文件中：

* {
    /* Hide cursor */
    cursor: none;
    /* Prevent selection */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

这行得通，但是（总是有一个但是......）我需要从远程浏览器访问这个 GUI。

在这台电脑中，我没有触摸面板，而是普通键盘。

所以我希望不应用以前的全局样式。

有办法从 GWT 获得吗？我需要改用php吗？

谢谢！

4

2 回答 2

2

您是否尝试过针对不同屏幕尺寸的 css 定位，即如果触摸屏面板是特定尺寸，那么您可以使用 @mediascreen 查询仅定位触摸屏，然后继续隐藏光标。

于 2013-05-31T11:08:23.030 回答
0

您可以使用 JSNI 来判断它是否是触摸设备。

if (isTouchDevice())
{
         panel.addStyleName("cursorClass");
}
else
{
         panel.addStyleName("noCursorClass");
}

您的 JSNI 课程将是

private native boolean isTouchDevice() /*-{
return !!('ontouchstart' in window) // works on most browsers 
      || !!('onmsgesturechange' in window); // works on ie10
}-*/;

在 web 开发人员中测试了上面的 Javascript，它对我来说很好用。

您的 CSS 课程将是

.cursorClass{
cursor : pointer;
}
.noCursorClass{
cursor : none;
}
于 2013-06-01T18:17:10.003 回答