+ -
当前位置:首页 → 问答吧 → 这段代码在IE里不可以,在FF里可以。

这段代码在IE里不可以,在FF里可以。

时间:2009-07-15

来源:互联网

复制代码
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html>
  3. <head>
  4.        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5.        <title>rte-jquery</title>
  6.        <script src="/jquery/js-inc/jquery-1.3.2.min.js"></script>
  7.        <script type="text/javascript">
  8.          $(function() {
  9.              var contentObj = document.getElementById("content");
  10.           
  11.             //取得 iframe 内的窗口对象。firefox 可以直接用 contentObj.document;
  12.             var contentDocObj = contentObj.contentWindow.document;
  13.           
  14.             contentDocObj.designMode = "on";
  15.             });//end ini
  16.         
  17.          function makeBlob()
  18.          { alert('test');
  19.             var contentDocObj = document.getElementById("content").contentWindow.document;
  20.           
  21.             contentDocObj.execCommand("Bold",false,null);
  22.          }
  23.         
  24.           
  25.         
  26.           
  27.        </script>
  28. </head>
  29. <body>
  30.        <p>
  31.        <a onclick="makeBlob()"><strong>Bold</strong></a>    
  32.        <span onclick="makeBlob()"><strong>Bold</strong></span>    
  33.        <button onclick="makeBlob()"><strong>Bold</strong></button>    
  34.       
  35.        </p>
  36.        <iframe id="content" width="400px" height="200px" style="border:1px solid"></iframe>
  37. </body>


<a onclick="makeBlob()"><strong>Bold</strong></a>    
       <span onclick="makeBlob()"><strong>Bold</strong></span>    
       <button onclick="makeBlob()"><strong>Bold</strong></button>    

只有button可以,当是a或是span时,就不行,原因是点A或SPAN时,拖动的影子会消失。

但不知道怎么解决。
[ 此帖被shgen在2009-07-15 19:38重新编辑 ]
图片:
execCommand不是标准方法,不能通用的

作者: shgen   发布时间: 2009-07-15

但这个网页上的可以的呀

http://realazy.org/lab/rte/6.html
--------------
现在问题是,那个影子为什么会消失,而点button时,不会。

作者: keakon   发布时间: 2009-07-15