本文目录一览：
- 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=”加粗” /
原创文章，作者：GOMSS，如若转载，请注明出处：https://www.506064.com/n/324608.html
微信扫一扫 
支付宝扫一扫 