當鼠標指針懸停在JavaScript上時,如何使用JavaScript突出顯示(css:background-color)單詞?應該可以通過點擊選擇它並將其保存在一個變量中。JavaScript:突出顯示/選擇鼠標指針下的單詞
2
A
回答
4
var words=$("#yourTextContainer").text().split(' ');
$("#yourTextContainer").html("");
$.each(words, function(i,val){
//wrap each word in a span tag
$('<span/>').text(val+" ").appendTo("#yourTextContainer");
});
$("#yourTextContainer span").live("mouseover",function(){
//highlight a word when hovered
$(this).css("background-color","yellow");
});
$("#yourTextContainer span").live("mouseout",function(){
//change bg to white if not selected
if($(this).css("background-color") !="rgb(0, 0, 255)")
{
$(this).css("background-color","white");
}
});
$("#yourTextContainer span").live("click",function(){
$("#yourTextContainer span").css("background-color","white");
$(this).css("background-color","blue");
//gets the text of clicked span tag
var text = $(this).text();
});
編輯:參見示例http://jsfiddle.net/aD5Mu/
+0
這是一個很好的答案,但請記住,這可能會很慢,大量的文本。 – tobint 2011-03-27 11:11:21
+0
嗯..可能會慢..不知道是否有更好的更快的方法.. – 2011-03-27 11:15:39
+0
懸停樣式可以用CSS來完成,'委託'會減少事件在擊中之前必須經過的元素數量處理程序。否則,可能沒有其他方法可以高效地完成這個 – 2011-03-27 11:17:08
相關問題
- 1. 單詞在鼠標上突出顯示
- 2. 在Qt中選擇鼠標指針下的單詞
- 3. emacs xterm鼠標模式雙擊以突出顯示單詞
- 4. 如何從鼠標的段落中選擇和突出顯示單詞,即使在jquery或javascript中?
- 5. 選擇AvalonEdit中突出顯示的單詞的所有實例
- 6. 簡單的javascript鼠標撤消突出顯示文本
- 7. 用鼠標在treepanel中選擇(突出顯示)兒童
- 8. 如何突出顯示替換所選單詞的單詞?
- 9. Safari瀏覽器:獲取鼠標指針下的單詞
- 10. JavaScript鼠標光標指針
- 11. emacs在光標下突出顯示單詞
- 12. 突出顯示ListView選擇
- 13. 如何創建單詞選擇器以選擇並突出顯示並從文本中移除所選單詞?
- 14. WPF ListBox用鼠標選擇單詞
- 15. 如何使用鼠標指針在tcl/tk上突出顯示一個對象?
- 16. 突出顯示DataGridView中的單詞?
- 17. 國家對鼠標突出顯示了
- 18. JavaScript:從頁面中刪除當前的鼠標突出顯示?
- 19. 使用CSS突出顯示鼠標向下的div
- 20. 嘗試選擇具有較低Z指標的鼠標(突出顯示文本)div的內容
- 21. 在RichEditBox中突出顯示單詞
- 22. 我需要突出顯示單詞
- 23. 突出顯示一堆單詞?
- 24. jquery突出顯示單詞只有
- 25. 使用jquery突出顯示單詞
- 26. 從數組中突出顯示單詞
- 27. Vim突出顯示單詞列表
- 28. 用角度突出顯示單詞
- 29. mark.js不突出顯示單詞?
- 30. 在longpress上突出顯示單詞android
[獲取鼠標指針下的文本]的可能重複(http://stackoverflow.com/questions/2183335/getting-the-text-under-the -mouse-pointer) – 2011-03-27 11:15:29