单击开始禁用文本选择

时间:2013-05-06 06:25:44

标签: javascript jquery textselection

我知道我可以disable text selection获得div,但这不是我想要的。

我有这个jquery color picker,正如您在平面示例的网页上看到的那样,如果您选择一种颜色,请按住鼠标并在整个页面上移动,不会选择任何内容。这就是我想要的,但不知怎的,它在我的例子中不起作用:

http://jsfiddle.net/x6sAT/3/

$('#colorSelector').ColorPicker({
    color: '#ff0000',
    flat: true,
    ...
});

即使我在颜色选择器上禁用文本选择,您仍然可以通过移动单击的鼠标来选择文本。

enter image description here

我可以在整个页面上禁用文本选择,但这不会很好。

我该如何解决这个问题?

1 个答案:

答案 0 :(得分:1)

你想要这样吗:http://jsfiddle.net/Praveen16oct90/x6sAT/5/

document.getElementById("text_selectable").onmousedown = function(event)
{
    event.preventDefault();
    return false;
}

将HTML的ID设为“text_selectable”并使用它。 <html id="text_selectable">