Javascript 如何创建包裹iframe的边框？

我有一个iframe：

<div onmousedown="alert()">
    <iframe id="PropertyCtrl" name="PropertyCtrl"  frameborder="0" style="border:thick solid #0000FF; cursor:w-resize;"></iframe>
</div>

当我在边框上导航并使click

onmousedown

事件必须被触发时，我需要创建包装iframe的边框

---

如何使用

onmousedown

事件创建边框？

您只需在

div上添加边框，即可在iframe周围添加边框：

<div class="frame-border" ...>
   <iframe ... />
</div>

或者，如果您更喜欢内嵌样式：

<div style="border: thick solid #0000FF" ...>
   <iframe ... />
</div>

请检查以下代码：


函数borderShow（）
{
document.getElementById（'PropertyCtrl'）。style='border:thick solid#00FFFF；'；
}


更改了该函数，以便可以重用
它在
.off
和
.on
类之间切换
方法
classList.add/remove
用于操作类
将mousedown事件更改为通用单击

一小条

函数大纲NetTarget（tgt）{
var target=document.querySelector（tgt）；
if（target.classList.contains（'off'））{
target.classList.add（'on'）；
target.classList.remove（'off'）；
}否则{
target.classList.add（'off'）；
target.classList.remove（'on'）；
}
}
#ctrl.off{
边框：0实心#0000FF；
过渡：所有1都放松；
}
#ctrl.on{
边界：10px山脊#0000FF；
边界半径：12px；
过渡：所有1都放松；
}

单击此文本上的任意位置或iframe右侧

你能澄清一下你的意思和你的尝试吗？特别是，“如何使用onmousedown事件创建边框？”似乎与问题的其余部分不符。如果iframe填充了该元素，则事件将始终发生在框架窗口内。如果该iframe是跨域的，那么您将无法访问事件^^^^正如charlietfl所说。如果要处理此交叉原点，需要在交叉原点上覆盖一个透明的iframe，并在其上使用更高的z索引。如果这就是你的问题所在，那就根本不清楚了。注意，如果框架填充，容器事件将始终在框架窗口内，并且不会在div上注册。即使它没有填充，只要光标在框架上，事件肯定不会在div上注册为什么不在iframe上提及事件？只是忽略它？假设它不是跨域的？我本来打算在所有内容上加一个覆盖，但OP并不完全清楚与他/她的情况相关的条件。如果OP想要在帧中导航就没有意义了，否则他们为什么想要鼠标事件？…但是如果帧在同一个域上，则可以捕获事件。你同意回答这个问题。祝你好运“我怎样才能用onmousedown事件创建边框？”这只是告诉我点击时OP想要一个边框。它可以用于演示、导航、学校作业等。很多时候，OP认为逻辑和声音与我认为的逻辑和逻辑不一致。有时候，我走错了路，而最明显的解决办法却让我不知所措。也许这就是其中一个时代。当我醒来时，我可能会有一个顿悟，直到那时，晚安或早上好，先生。是的……阿门。不想成为一个硬屁股…享受吧
<div style="border: thick solid #0000FF" ...>
   <iframe ... />
</div>