在FF下，document.designMode='On' 怎么绑定事件啊？

willko 2008-04-22 09:38:28

<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='showInsertIMG();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>');
onload = function(){
var frm = $('HtmlEditor', true);
doc = frm.document;

doc.designMode = "On";
doc.write("点击我在IE下有事件，FF下没有")
doc.onclick = function() {
alert('x');
}
}

</script>
</body>
</html>

...全文

242 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

dh20156 2008-04-22

打赏
举报

UP!

xingqiliudehuanghun 2008-04-22

打赏
举报

showbo可以解释下吗？

Go 旅城通票 2008-04-22

打赏
举报

doc.write("点击我在IE下有事件，FF下没有") 

if(IsIE)

  doc.onclick = function(){alert('x');} 

else 

  doc.addEventListener("click",function(){alert('x');},false);

}

muxrwc 2008-04-22

打赏
举报

<!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=gb2312" />

<title>简单的写了个</title>

<script type="text/javascript">

var number = 0;



window.onload = function () {

	var ifr = frames[0];

	ifr.document.designMode = 'on';

	ifr.document.body.innerHTML = '测试一下';

	ifr.document.addEventListener('mouseup', function () {

		document.getElementById('status').innerHTML = 'MSG:' + (number ++)

			+ '<br \/>必须要addEventListener';

	}, false);

};

</script>

</head>

<body>

<div style="position:absolute; width:100px; height:100px; background-color:#999999; left:100px; overflow:hidden;">

<br /><input id="wc" type="text" value="#FF0000" />

<br /><br /><input type="button" value="点我给它着色" title="点我给它着色" onclick="

	var ifr = frames[0]

    ifr.document.execCommand('hilitecolor', false, document.getElementById('wc').value);

    ifr.focus();

" />

</div>

<iframe width="500" height="200"></iframe>

<div id="status"></div>

</body>

</html>