87,907
社区成员
发帖
与我相关
我的任务
分享js中onclick的问题
以下代码中,在shitu中添加文字后选中,按input有bold的效果,按div就没呢?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
<!--
.textzone{
width:500px;
height:250px;
border:1px solid #CCCCCC;
}
-->
</style>
</head>
<body>
<textarea id="yuanma" class="textzone"></textarea>
<div id="shitu" contenteditable="true" class="textzone"></div>
</div>
<input type="button" value="Bold" id="bold1" />
<div id="bold2" style="border:1px solid #cccccc;width:50px;">Bold</div>
</body>
<script type="text/javascript">
<!--
function $(oid){
return document.getElementById(oid);
}
var o=document.getElementById("bold1");
o.onclick=function(){
document.execCommand("bold",false,"");
$("yuanma").value=$("shitu").innerHTML;
}
var obj=document.getElementById("bold2");
obj.onclick=function(){
document.execCommand("bold",false,"");
$("yuanma").value=$("shitu").innerHTML;
}
//-->
</script>
</html>
...全文
请发表友善的回复…
发表回复
lupanlupan 2008-11-04
- 打赏
- 举报
我顶一下
w2_yl 2008-11-04
- 打赏
- 举报
帮顶！
不悲不喜 2008-11-03
- 打赏
- 举报
就像2楼说的那样,
直接使用div的话,由于div获得了焦点,
从而使用属性设定的对象变成了DIV自身.
如果一定要用DIV的话,
可以在内部,或者上面盖一层非文本属性的对象.
直接使用div的话,由于div获得了焦点,
从而使用属性设定的对象变成了DIV自身.
如果一定要用DIV的话,
可以在内部,或者上面盖一层非文本属性的对象.
囧 2008-11-03
- 打赏
- 举报
你点div的时候，焦点转向bold2的，设置的就是bold2的样式，，
neo_yoho 2008-11-03
- 打赏
- 举报
都有啊 实在不行你加上
window.onload=function(){ var o=document.getElementById("bold1");
o.onclick=function(){
document.execCommand("bold",false,"");
$("yuanma").value=$("shitu").innerHTML;
}
var obj=document.getElementById("bold2");
obj.onclick=function(){
document.execCommand("bold",false,"");
$("yuanma").value=$("shitu").innerHTML;
}
window.onload=function(){ var o=document.getElementById("bold1");
o.onclick=function(){
document.execCommand("bold",false,"");
$("yuanma").value=$("shitu").innerHTML;
}
var obj=document.getElementById("bold2");
obj.onclick=function(){
document.execCommand("bold",false,"");
$("yuanma").value=$("shitu").innerHTML;
}
