87,907
社区成员
发帖
与我相关
我的任务
分享怎么获得当前焦点的状态，，WYSIWYG编辑器
大家好，，当我把一段文字加粗后，，再次点击这段文字的时候，怎么知道这个状态呢?
看看代码，可能会清楚点。。
谢谢
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>Web编辑器</title>
<style type="text/css">
body{ font-size:10pt;}
</style>
</head>
<body>
<script type="text/javascript">
var IsIE=document.all;
//按id获取对象
function $(objId,IsFrame)
{
if(IsFrame)
return IsIE?window.frames[objId]:document.getElementById(objId).contentWindow;
else
return document.getElementById(objId);
}
document.write("<a href='#' onclick='bold();return false;'>加粗</a><br/>");
document.write('<iframe ID="HtmlEditor" name="HtmlEditor" style="height:100px;width:300px;background:#ffffff;"'
+' frameBorder="1px" marginHeight="0" marginWidth="0" src="about:blank"></iframe>');
var frm=$('HtmlEditor',true);
var doc=frm.document;
doc.designMode="On";
if(IsIE) doc.contentEditable="True";
doc.open();
doc.write("大家好，<strong>这段文字是加粗的，，获得焦点的时候怎么知道这个状态呢?.</strong>");
doc.close();
function bold()
{
var frm=$('HtmlEditor',true);
var doc=frm.document;
frm.focus();//=========要注意获取焦点
doc.execCommand('bold',false,"");
frm.focus();
}
document.onclick = function(e) {
alert(doc.body.innerHTML);
}
</script>
</body>
</html>
看看代码，可能会清楚点。。
谢谢
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>Web编辑器</title>
<style type="text/css">
body{ font-size:10pt;}
</style>
</head>
<body>
<script type="text/javascript">
var IsIE=document.all;
//按id获取对象
function $(objId,IsFrame)
{
if(IsFrame)
return IsIE?window.frames[objId]:document.getElementById(objId).contentWindow;
else
return document.getElementById(objId);
}
document.write("<a href='#' onclick='bold();return false;'>加粗</a><br/>");
document.write('<iframe ID="HtmlEditor" name="HtmlEditor" style="height:100px;width:300px;background:#ffffff;"'
+' frameBorder="1px" marginHeight="0" marginWidth="0" src="about:blank"></iframe>');
var frm=$('HtmlEditor',true);
var doc=frm.document;
doc.designMode="On";
if(IsIE) doc.contentEditable="True";
doc.open();
doc.write("大家好，<strong>这段文字是加粗的，，获得焦点的时候怎么知道这个状态呢?.</strong>");
doc.close();
function bold()
{
var frm=$('HtmlEditor',true);
var doc=frm.document;
frm.focus();//=========要注意获取焦点
doc.execCommand('bold',false,"");
frm.focus();
}
document.onclick = function(e) {
alert(doc.body.innerHTML);
}
</script>
</body>
</html>
...全文
请发表友善的回复…
发表回复
