拖动仍然突出显示文本答案

【问题标题】：Dragging Still Highlights Text拖动仍然突出显示文本
【发布时间】：2013-03-12 15:13:33
【问题描述】：

阅读对this question 的回复后，我实现了相同的功能，即检查event.preventDefault 并运行event.preventDefault() 或event.returnValue = false。这似乎已经解决了问题中用户的问题，但我的仍然突出显示文本。它正在在 IE 7/8 中达到 event.returnValue = false 行。它也适用于 Firefox、Chrome、IE 9+。

更多信息：我正在使用拉斐尔画布。我有画布的 mousedown、mousemove 和 mouseup 事件，它们都在做自己的事情。我在mousedown 回调函数中实现了对event.preventDefault 的检查。

【问题讨论】：

使用css，比如stackoverflow.com/questions/826782/…
css 将不起作用，因为我仍然希望能够在画布元素内部拖动/绘制，但如果用户在外部绘制，我不希望它突出显示任何文本

标签： javascript html internet-explorer-8 drawing

【解决方案1】：

如果您习惯使用 jQuery，这将解决跨浏览器问题：

$(function (){
    $.fn.disableSelection = function() {
        return this
            .attr('unselectable', 'on')
            .css('user-select', 'none')
            .on('selectstart', false);
    };
})();

【讨论】：

很遗憾，我们没有在这个应用程序中使用 jQuery。