选择文本时,使鼠标单击无响应

时间:2010-08-31 15:29:32

标签: javascript events wysiwyg contenteditable

我目前正在使用WYSIWYG网页编辑器。

我遇到的问题有点复杂。

当我选择一段文字并点击我的工具上的某些内容时,该命令会起作用,但文本会立即取消选中。

就像我们在任何网页上选择文字一样,当我们点击其他内容时,文字会被取消选中,一切都恢复正常。

有没有办法在选择文字时抑制鼠标点击,以便文字保持选中状态?

提前致谢。

3 个答案:

答案 0 :(得分:2)

您需要为工具栏中的所有html元素添加属性:

unselectable = "on"

这适用于IE,不知道其他browsres。 我记得这个,当我正在尝试通过做第n个WYSIWYG HTML编辑器来重新发明轮子时。 在我决定使用TinyMCE之后,即使有时候我仍然后悔没有乐趣从头开发它

答案 1 :(得分:0)

在有问题的元素上添加一个事件监听器,并使该函数返回false - 这将捕获默认行为(取消选择您的文本)。您需要将useCapture设置为true才能使其正常工作。

答案 2 :(得分:0)

当您添加unselection = on时,工具栏元素单击将不起作用。这个问题是IE特有的, 在工具栏上取消时,IE Resize Handle Caret