Question

假设我的网页上有两个iframe，一个工具栏用于操作，例如将文本设为粗体，下划线，斜体等.iframe设置为DesignMode，以便用户可以输入文本并将其用作文本编辑器。我试图使用iframes的单个工具栏....所以有没有办法，我可以知道哪个iframe用户编辑，以便操作（粗体，斜体等）可以应用于该iframe Id？

我想到的算法是首先获取活动元素id然后应用操作，但我不知道这样做的语法！

谢谢！

Answer 1

好的继承人答案......

只注册一个onClick事件，该元素传递id或name，你在被调用的函数中有元素id ...

<html>
<head>
<script type="text/javascript">
function def()
{
    myFrame1.document.designMode="on";
    myFrame2.document.designMode="on";
    document.getElementById("myFrame1").contentWindow.document.addEventListener('click', function(event) {clic("myFrame1");}, false);
    document.getElementById("myFrame2").contentWindow.document.addEventListener('click', function(event) {clic("myFrame2");}, false);
}
function clic(id) 
{
        alert(id + " is clicked/focused");


}

</script>
</head>
<body onLoad="def()">
<iframe id="myFrame1" border="0">
</iframe>
<iframe id="myFrame2" border="0">
</iframe>

</body></html>

我非常确定这也适用于任何其他html元素!! （请检查一下）

在网页中获取活动或焦点元素ID

1 个答案: