无法在Internet Explorer中打开designMode

Question

以下代码适用于Firefox 3.6，但不适用于Internet Explorer 8：

<html>
<head>
   <title>Example</title>
   <script type="text/javascript">
      function init() {
         alert(document.designMode);
         document.designMode = "on";
         alert(document.designMode);
      }
   </script>
</head>
<body onload="init()">
</body>
</html>

在FF中，警报显示'关闭'，然后'打开'; 在IE中他们都'关闭'。

我究竟做错了什么？

Answer 1

尽管designMode是标准，但您可能会更好地使用IE中的contentEditable属性。

Answer 2

即使这不会改变警报显示的内容，它也会在IE中打开可编辑模式：

<html>
<head>
   <title>Example</title>
   <script type="text/javascript">
      function init() {
         alert(document.designMode);
         document.designMode = "On";
         document.body.contentEditable = 'true';
         alert(document.designMode);
      }
   </script>
</head>
<body onload="init()">
</body>
</html>

您可以通过在页面正文中放置一些虚拟内容（如<p>Test</p> ）并在FF和IE中加载来进行<p>Test</p> 。 对于至少IE8来说，这是一个合适的解决方法。

Answer 3

Internet Explorer 文档似乎表明designMode属性区分大小写，需要设置为"On" ，而不是"on" 。

无法在Internet Explorer中打开designMode

问题描述

3 个解决方案

解决方案1
2 2010-05-17 16:01:25

解决方案2
2 已采纳 2010-05-17 16:06:51

解决方案3
0 2010-05-17 15:59:35

无法在Internet Explorer中打开designMode

问题描述

3 个解决方案

解决方案1 2 2010-05-17 16:01:25

解决方案2 2 已采纳 2010-05-17 16:06:51

解决方案3 0 2010-05-17 15:59:35

解决方案1
2 2010-05-17 16:01:25

解决方案2
2 已采纳 2010-05-17 16:06:51

解决方案3
0 2010-05-17 15:59:35