Javascript Jquery将重点放在div上

我有两个div，一个叫做“mainDesign”，一个叫做“div1”的盒子

单击“div1”时，将调用focusin，边框颜色将发生变化

只有单击“mainDesign”时，“div1”才能聚焦

脚本可以工作，但需要单击两次“mainDesign”才能工作，在它聚焦之后，脚本可以完美工作

有什么想法吗？ 代码：

---

谢谢。

使用鼠标向下和停止播放（）重写：

哈哈，看来是罗伊斯·冯打败了我

---

我删除了focusout（），因为这似乎是不必要的步骤

这可以接受吗

编辑：切换了功能，现在似乎可以正常工作：

尝试以下操作：

$("#div1").focusin(function() {
    $(this).css("border-color","#ff9900");
});

$("#mainDesign").mousedown(function(){
    setTimeout(function(){
        if (!$("#div1").is(":focus"))
            $("#div1").css("border-color","#999999");        
    }, 100);
});  

---

超时是必要的，因为mousedown将在div模糊之前触发。

问题在于您已将.mousedown（）事件嵌套在.focusout（）事件中

因此，这里发生的事情是，当触发focusout事件时，您将把.mousedown事件附加到Main Design div。让我再次重申，在触发focusout事件之前，.mousedown事件不会附加

然后，一旦附加了.mousedown事件，下一次在mainDesign div中执行mousedown操作时，将触发该事件，这就是为什么当前需要单击两次

---

因此，最简单的解决方案是简单地去掉.focusout事件。

您可以切换到使用

.mousedown（）

并停止内部的传播

---

谢谢你，帕特里克，效果很好。但如果你点击两次，它就会停止工作：/我认为这不是他想要的。我假设他不想在他们点击“div1”时边框消失，因为“div1”在“mainDesign”的内部，所以在点击“mainDesign”的外部时边框会消失：/当第一次点击div1时，编辑的答案会附加focusout事件，所以当div1以任何方式模糊时，它将失去边界。同样的问题。该div需要在聚焦时单击两下才能聚焦。编辑：对不起，我的不好，这个脚本工作得很好，谢谢。无法向上投票，因为我需要15个声誉-。-@Max6701如果这是您想要接受的答案，请单击向上/向下投票按钮下方的复选框。效果也很好！从未想过对两个div都使用mousedown。谢谢