问题 如何在ng-dblclick上阻止在AngularJS中选择文本?


我有一个元素 ng-dblclick='doSomthing()' 哪个工作正常,但也有选择元素中文本的丑陋副作用。有什么方法可以防止这种情况?


3784
2018-03-06 02:09


起源

您是否尝试将文本移动到 Button ? - MrROY
也许 e.preventDefault();?我对AngularJS并不熟悉,所以我不知道,但试一试 - 也许它会有所帮助。 - Atutouato


答案:


尝试将这些css规则添加到您希望阻止文本选择的类或div中

.myClass {
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}

16
2018-03-06 02:54



IE 8或9不支持此功能。 - peteallen
这对网站来说是一件可怕的事情。我认为更好的选择是仅在用户应该双击而不是选择的情况下明确阻止选择 - pcnate
@pcnate我不能同意!这就是为什么在我的示例中我将这些规则应用于名为“myClass”的特定css类,而不是任何顶级元素(div,span,button等)。您可以简单地将“myClass”或类似名称的任何内容应用于要阻止文本选择的任何元素。 - njtman