相关疑难解决方法(0)

我在我的网络应用程序中处理跨度上的dblclick事件.副作用是双击选择页面上的文本.如何防止此选择发生？

我正在构建一个包含一些文本元素的HTML UI,例如选项卡名称,这些元素在选中时看起来很糟糕.不幸的是,用户很容易双击选项卡名称,默认情况下会在许多浏览器中选择它.

我或许可以通过JavaScript技巧来解决这个问题(我也希望看到这些答案) - 但我真的希望CSS/HTML中的某些东西直接适用于所有浏览器.

我有一种情况,如果一个按钮被双击,它突出显示整个按钮,这是非常烦人的,所以我试图通过添加preventDefault()到功能来停止突出显示,虽然我似乎无法阻止它发生:(
任何人都可以告诉我为什么这是忽略event.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>

JS:

$(".property.due_date").click(function(event) {
    event.stopPropagation();
    event.preventDefault();

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

    if (e.css("display") != "block") {
        $(this).addClass("focused");
        e.css("display", "block");
    } else {
        $(this).removeClass("focused");
        e.css("display", "none");
    }

    return false;
});

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

是否可以禁用该ondblclick事件？