【问题标题】:How to make GWT/GXT RichTextEditor Tooltip unselectable?如何使 GWT/GXT RichTextEditor 工具提示无法选择?
【发布时间】:2016-01-01 08:56:55
【问题描述】:

我有一个 RichTextEditor 类(从 com.extjs.gxt.ui.client.widget.LayoutContainer 扩展),我在其中使用(自己的)工具提示类作为链接的文本工具提示:https://jsfiddle.net/hkyLgam6/

在我的项目中,仅当您将鼠标悬停在链接上时才会显示工具提示,但这可能并不重要。

为了能够正确删除链接和其他内容,我想让工具提示无法选择。因为每次您选择链接(例如通过双击它)时,工具提示文本也会被选中,并且在示例中链接删除失败。

尝试使用 CSS 来防止这种情况(如上面的 jsfiddle 示例):

-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: -moz-none;
-khtml-user-select: none;
-o-user-select: none;
user-select: none;

没有工作,所以我将非常感谢任何想法来实现它。

【问题讨论】:

  • 至少在 Chrome 和 Firefox 中,该 jsfiddle 中的示例是不可选择的,无论是通过将鼠标拖动到它上面,还是双击测试链接。您能否更具体地说明不起作用的用例(哪个浏览器、操作系统、如何导致问题,如果 jsfiddle 没有问题,请不要包含它)?
  • 没错,jsfiddle 示例显示了所需的行为。只是我的文本编辑器没有。在当前 Windows 和 Mac 版本上使用不同版本的 Chrome 和 Firefox。

标签: javascript java css gwt gxt


【解决方案1】:

我认为您只是忘记了 Internet Explorer 的 CSS(至少是旧的):

-ms-user-select: none;

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-12-14
    • 1970-01-01
    • 2021-10-23
    • 2010-09-26
    • 1970-01-01
    相关资源
    最近更新 更多