我的iframe里面有一个div，我怎么让这个页面打开的时候鼠标的焦点在div里面呢？

zqaaa1988 2012-05-14 11:08:55

在页面里套用了一个iframe，然后动态给iframe添加了一个div，给设置为可编辑状态，怎么能让程序运行的时候鼠标的焦点就在这个div中？

还有一个问题是如果我运行页面，然后全选删除，那么那个div也跟着删掉了，有什么方法可以保留这个div么？

...全文

243 9 打赏收藏转发到动态举报

写回复

用AI写文章

9 条回复

切换为时间正序

请发表友善的回复…

发表回复

zqaaa1988 2012-05-22

打赏
举报

[Quote=引用 8 楼的回复:]
不可编辑对象 focus 不起作用

先 contentEditable 后 focus
[/Quote]

我再最后设置了focus也是不好用啊。。。初始的时候还是不能捕获鼠标，我现在把代码进行了调整，第二个问题解决了,代码如下：



 <script type="text/javascript">

        window.onload = function () {

            document.getElementById("showValue").contentWindow.document.write("<html><body style='margin:0px;color:<%=color %>;font-size:<%=size %>px;font-family:<%=font %>;word-spacing:5px;letter-spacing:2px;padding:0px;margin:0px; line-height:20px;z-index:100;background:#fff;left:0;top:0;work-wrap:break-word;overflow：hidden' scrolling='no' onload='this.height=showValue.document.body.scrollHeight+20'></body></html>");

            document.getElementById("showValue").contentWindow.document.designMode = "on";

            document.getElementById("showValue").contentWindow.document.contentEditable = true;

            document.getElementById("showValue").contentWindow.focus();

        }

    </script>

该用户懒的设置 2012-05-14

打赏
举报

$("div1").focus()

lvyichang 2012-05-14

打赏
举报

动态添加的div的id为div1:
document.getElementById("iframe1").contentWindow.document.getElementById("div1").focus();

rayyu1989 2012-05-14

打赏
举报

不可编辑对象 focus 不起作用

先 contentEditable 后 focus

lvyichang 2012-05-14

打赏
举报

第二个问题：将div取出，删除后再添加一遍！

lvyichang 2012-05-14

打赏
举报

这样：

    <script type="text/javascript">

        window.onload = function() {

            document.getElementById("showValue").contentWindow.document.write("<html><body style='margin:0px'><div id='showMSG'  style='border:solid 1px #ccc;' ></div></body></html>");

            //document.getElementById("showValue").contentWindow.document.getElementById("showMSG").innerHTML="aaaa";

            document.getElementById("showValue").contentWindow.document.getElementById("showMSG").contentEditable = "true";

            document.getElementById("showValue").contentWindow.document.getElementById("showMSG").focus();

            //document.getElementById("showValue").contentWindow.document.designMode = "on";

        }

    </script>

zqaaa1988 2012-05-14

打赏
举报

现在不报脚本错误了，可是鼠标并没有在页面上闪烁啊？还有第二个问题大家知道怎么解决么？

zqaaa1988 2012-05-14

打赏
举报



     <script type="text/javascript">

        window.onload = function () {

            document.getElementById("showValue").contentWindow.document.write("<html><body style='margin:0px'><div id='showMSG' style='color:<%=color %>;font-size:<%=size %>px;font-family:<%=font %>;word-spacing:5px;letter-spacing:2px;padding:0px;margin:0px; line-height:20px;z-index:100;background:#fff;left:0;top:0;work-wrap:break-word;overflow：hidden' scrolling='no' onload='this.height=showValue.document.body.scrollHeight+20' > </div></body></html>");

            document.getElementById("showValue").contentWindow.document.getElementById("showMSG").focus();

            document.getElementById("showValue").contentWindow.document.designMode = "on";

            document.getElementById("showValue").contentWindow.document.contentEditable = true;

           

        }

    </script>

这个是我的js代码，设置focus了可是还是不好用。。。有哪位知道是什么原因？

zqaaa1988 2012-05-14

打赏
举报

[Quote=引用 1 楼的回复:]
动态添加的div的id为div1:
document.getElementById("iframe1").contentWindow.document.getElementById("div1").focus();
[/Quote]

我这个div 是用Js加进去的，这么写总是报脚本错误
document.getElementById(...).contentWindow.document.write(.' 为空或不是对象