當文本被選中時，使鼠標點擊無響應

我目前正在使用所見即所得的網頁編輯器。當文本被選中時，使鼠標點擊無響應

我遇到的問題有點複雜。

當我選擇一段文本並單擊我的工具上的某些內容時，該命令正常工作，但立即文本變爲未選中狀態。

就像我們在任何網頁上選擇文字一樣，當我們點擊其他的東西時，文字就會變成未選中狀態，一切都恢復正常。

當文本已被選中時，是否有辦法抑制鼠標點擊，使文本保持選中狀態？

在此先感謝。

2010-08-31 Dennis D

你需要的屬性添加到工具欄上所有的HTML元素：

unselectable = "on"

這適用於IE瀏覽器，不知道其他browsres。我記得這一點，當時我正在試圖通過做第n個所見即所得的HTML編輯器嘗試重塑輪子。我決定使用TinyMCE後，即使有時我仍然很後悔沒有從頭開發它的樂趣

2010-08-31 15:43:59

根據這裏：http://help.dottoro.com/lhwdpnva.php顯然爲Safari和FF，你可以使用特定的內聯樣式：-moz-user-select：none; -webkit-user-select：none – 2010-08-31 15:48:19

相信我，一旦你深入開發自己的所見即所得編輯器，你就不會有樂趣。 – 2010-08-31 16:43:05

+1，但在非IE瀏覽器中關於CSS解決方案的一點在答案中會更好。只是爲了確認，''unselectable ='on''確實是IE-only。 – 2010-08-31 16:44:07

在有問題的元素上添加事件偵聽器，並使函數返回false - 這將捕獲默認行爲（即取消選擇文本）。您需要將useCapture設置爲true才能使其工作。

2010-08-31 15:33:42 Greg

感謝Greg，我搞砸了return false; event.preventDefault（）;, returnValue = false，並且它們都不起作用你能更具體些嗎？ – 2010-08-31 15:37:55

當您添加unselection = on時，然後工具欄元素單擊將不起作用。這個問題是特定於IE的， IE Resize Handle Cutt當在工具欄上找到時

2011-05-26 13:56:40

回答