Javascript （双击）时停止高亮显示

我遇到过这样一种情况：如果双击一个按钮，它会突出显示整个按钮，这很烦人，因此我尝试通过向函数添加

preventDefault（）

来修复它，以停止突出显示，尽管我似乎无法阻止它的发生：（
有人能告诉我为什么忽略

事件.preventDefault（）；

并突出显示按钮/文本吗

HTML:

<div class="loading-boundary">
    <div class="redesign-due-date-container">
        <div class="property due_date flyout-owner overdue value-set" style="margin-left:-3px">
            <div class="property-name">
                <span data-icon="calendar" class="calendar glyph toolbar-icon prod"></span>
                <span class="grid_due_date overdue">Yesterday</span>
            </div>
        </div>
    </div>
</div>

我正在使用最新版本的Chrome进行测试。
此外，将CSS设置为“停止突出显示”会停止按钮的所有突出显示，即使按钮未被单击，因此这不是一个选项。

尝试：

$(".property.due_date").on('click', function(event) {
    event.preventDefault();

    var elem = $(".show-full-duedate");

    elem.toggleClass('focused', elem.is(':visible'))
        .toggle(elem.is(':visible'))

    document.onselectstart = function() { return false; };
    event.target.ondragstart = function() { return false; };
    return false;
});

---

最后三行将阻止选择。

假设您所说的元素在双击后高亮显示

我发现另一个帖子问了一个类似的问题

听起来似乎没有一个简单的方法来禁止这个，但是您可以在选择元素后“取消选择”该元素

---

希望这能有所帮助。

突出显示到底是什么意思？我们谈论的是文本选择还是您设置的CSS样式？它选择文本“昨天”我已经设置了这个来演示，如果您双击单词“昨天”，它仍然会突出显示。尽管

var elem=$（“.show full duedate”）；elem.toggleClass（'focused'，e.is（':visible'））.toggle（e.is（':visible'））

bit不起作用我稍微改变了一下，但不得不猜测你到底想做什么，但似乎你根据元素的可见性等来切换类和可见性。好吧，我老式的if语句无论如何都起作用：）根据您的回答，这是最有效的方法。

event.target.onselectstart=function（）{return false；}；

；PYes，这是阻止选择的一行，下一行阻止拖动，这些行是我通常添加到自定义按钮等的行。为了避免这个确切的问题，这可能会非常烦人。

$(".property.due_date").on('click', function(event) {
    event.preventDefault();

    var elem = $(".show-full-duedate");

    elem.toggleClass('focused', elem.is(':visible'))
        .toggle(elem.is(':visible'))

    document.onselectstart = function() { return false; };
    event.target.ondragstart = function() { return false; };
    return false;
});