Javascript java脚本函数在2 mouseevent条件后运行_Javascript

Javascript java脚本函数在2 mouseevent条件后运行

javascript

Javascript java脚本函数在2 mouseevent条件后运行,javascript,Javascript,我有三个盒子：kotak1、kotak2和kotak3 #kotak1有测试“COBA AKU” CSS: 身体{ 保证金：0；填充：0； } #主控{ 保证金：0自动；宽度：1024px；高度：768px；背景色：#F00； } #科塔克1{ 宽度：1024px；高度：768px；背景色：#0F9；文本对齐：居中；垂直对齐：中间对齐； } #科塔克2{ 宽度：240px；高度：768px；背景色：#666；浮动：左； } #科塔克3{ 宽度：240px；高度：768p

我有三个盒子：kotak1、kotak2和kotak3

#kotak1

有测试

“COBA AKU”

CSS:


身体{
保证金：0；
填充：0；
}
#主控{
保证金：0自动；
宽度：1024px；
高度：768px；
背景色：#F00；
}
#科塔克1{
宽度：1024px；
高度：768px；
背景色：#0F9；
文本对齐：居中；
垂直对齐：中间对齐；
}
#科塔克2{
宽度：240px；
高度：768px；
背景色：#666；
浮动：左；
}
#科塔克3{
宽度：240px；
高度：768px；
背景色：#03F；
浮动：对；
}

HTML:


科巴阿库

当您将鼠标从

#kotak3

中移出并输入

#kotak2

时，我想将

#kotak1

中的文本更改为

“SELESAI TIDUR”

，这里有一把小提琴：

这是支持代码，只需管理是否保留了三个，然后当鼠标输入2时，可以更改1的文本。我建议使用jQuery来实现这一点，如果这样做的话，总体上更容易管理

(function() {
    var mousedOutThree = false;

    window.App = {
        kotak2In: function() {
            if (mousedOutThree) {
                mousedOutThree = false;
                document.getElementById("kotak1").innerHTML = "SELESAI TIDUR";   
            }
        },

        kotak3Out: function() {
            mousedOutThree = true;
        }
    };
})();

展示你的尝试，我们会帮你解决。如果它不工作，请确保您已经检查了Javascript控制台的错误。我同意。这里需要一些JavaScript函数才能看到错误所在。即使它不起作用，发布您的尝试也是有帮助的，这样您就可以了解代码中哪里出了问题，或者您解决问题的方法。

<body>
    <div id="mainCont">
        <div id="kotak2"></div>
        <div id="kotak3" onmouseout="keluarkotak()"></div>
        <div id="kotak1">
            COBA AKU
        </div>
    </div>
</body>

(function() {
    var mousedOutThree = false;

    window.App = {
        kotak2In: function() {
            if (mousedOutThree) {
                mousedOutThree = false;
                document.getElementById("kotak1").innerHTML = "SELESAI TIDUR";   
            }
        },

        kotak3Out: function() {
            mousedOutThree = true;
        }
    };
})();