js滑鼠選中的文字加樣式,js滑鼠放上去顯示文字

本文目錄一覽：

• 1、js或css如何實現滑鼠選中文字改變文字的背景色，兼容ie（6，7，8）， 火狐 ，谷歌等各大瀏覽器
• 2、javascript怎麼獲取滑鼠選中的文字並對其進行操作
• 3、網頁製作javascript滑鼠經過文字變色問題
• 4、用JS怎麼實現一個把一個文本框中的選中內容加粗，效果基本上和編輯器的加粗效果相同。急需。

js或css如何實現滑鼠選中文字改變文字的背景色，兼容ie（6，7，8）， 火狐 ，谷歌等各大瀏覽器

您好！很高興為您答疑！

style.aa{text-align:center;}a,a:hover{text-decoration:none; color:#fff;}.aa a{display:block; width:150px; height:50px; line-height:50px; background:#990;}.aa a:hover{background:#000;}/stylediv class=”aa”a href=”#”滑鼠移上去變色/a/div

您可以在火狐社區了解更多內容。希望我的回答對您有所幫助，如有疑問，歡迎繼續在本平台諮詢。

javascript怎麼獲取滑鼠選中的文字並對其進行操作

給我100分

我給你把代碼貼上來

這個實現還是很容易的！

算了，你還是看著給把！

document.onmouseup=function(e){

content=window.getSelection().toString();

if(content!=”){

var len=content.length;

var target=e.target;

var position=target.innerHTML.indexOf(content);

var position2=position+len;

var tempstr1=target.innerHTML.substring(0,position);

var tempstr2=target.innerHTML.substring(position2);

content=”span style=’color:red;'”+content+”/span”;

target.innerHTML=tempstr1+content+tempstr2;

}}

實現了選中了就變紅，自己擴展下把！

還有這個暫時只在chrome下能用，ie 你自己改把！

網頁製作javascript滑鼠經過文字變色問題

樣式設置重複了，樣式優先順序最高的是寫在style裡邊，就是style=”color:#ccc;”；其實你要是寫樣式不建議你給所有的設置格式這麼使用，你可以給table加一個id，然後定義這個id下的td，th等，#id

th,td這樣用比較好，頁面不會亂。

用JS怎麼實現一個把一個文本框中的選中內容加粗，效果基本上和編輯器的加粗效果相同。急需。

像 yanzilisan183 說的，你可以通過 style 讓整個文本框內容加粗，但沒有辦法單獨改變部分文字的樣式。不過在你的例子中並沒有出現 textarea，而是一個 iframe。

下面的代碼只是個例子，可以實現將選擇的文本加粗。但實際應用中考慮的問題還有很多。

IE 9, Firefox 19, Chrome 26 下測試都沒有問題，Safari 會出現移位錯誤，Opera 直接不支持。

script language=”javascript”

window.onload = function() {

// iframe 窗口

var frameWin = document.getElementById(‘result’).contentWindow;

// iframe 頁面

var frameDoc = frameWin.document;

// 在 iframe 頁面輸出一些字元

frameDoc.body.innerHTML = ‘Lorem ipsum dolor sit amet’;

// 點擊加粗

document.getElementById(“bold”).onclick = function() {

// 獲取選擇

var sel = frameDoc.getSelection();

// 獲取選擇的文字

var txt = sel.getRangeAt(0).extractContents().textContent;

// 選擇範圍

range = sel.getRangeAt(0);

// 刪除被選擇的內容

range.deleteContents();

// 創建新的元素 strong

var bold = frameWin.document.createElement(“strong”);

// 設置 strong 內容

bold.innerHTML = txt;

// 在被選擇的位置添加加粗的元素

range.insertNode(bold);

};

};

/script

iframe style=”width:600px; height:200px” id=”result”/iframe

br /input type=”button” id=”bold” value=”加粗” /