问java脚本函数在2鼠标事件条件后运行
EN

Stack Overflow用户

提问于 2013-05-08 01:57:08

回答 1查看 65关注 0票数 0

我有3个盒子: kotak1、kotak2和kotak3。

#kotak1有测试"COBA AKU"

CSS：

<style>
    body {
        margin: 0;
        padding: 0;
    }
    #mainCont {
        margin: 0 auto;
        width: 1024px;
        height: 768px;
        background-color: #F00;
    }
    #kotak1{
        width: 1024px;
        height: 768px;
        background-color: #0F9;
        text-align: center;
        vertical-align: middle;
    }
    #kotak2{
        width: 240px;
        height: 768px;
        background-color: #666;
        float: left;
    }
    #kotak3{
        width: 240px;
        height: 768px;
        background-color: #03F;
        float: right;
    }
</style>

HTML：

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

当您将鼠标移出#kotak1并输入"SELESAI TIDUR"时，我想将#kotak3中的文本更改为#kotak2。

javascript

回答 1

Stack Overflow用户

发布于 2013-05-08 02:12:04

这里有一个小把戏：http://jsfiddle.net/PZfwT/1

这是支持代码，只需管理你是否离开了3，然后当你的鼠标输入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;
        }
    };
})();

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/16425557

复制

相似问题

问java脚本函数在2鼠标事件条件后运行
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问java脚本函数在2鼠标事件条件后运行EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问java脚本函数在2鼠标事件条件后运行
EN