Question

我有4个图像按钮。我写了一些JavaScript代码来改变mouseenter上的图像颜色。同样在mouseleave上，它将恢复到原始状态，如下所示。

<script language="javascript" type="text/javascript">             
    function mouseOverImage(Id) {                       
       document.getElementById(Id).src = "Images/Yellow.png";
    }

    function mouseOutImage(Id) {    
       document.getElementById(Id).src = "Images/TestImage.png";                 
    }
</script>

如果我点击button1，我必须将颜色更改为黄色，并且无法在此情境中触发鼠标离开事件。

如果我点击button2，button1应该回到原始状态。

有人可以帮忙吗？

Answer 1

如果你使用jQuery会更容易，这里有一些示例代码

$('#button1').on('click', function () {
    //button 1 click event goes here
    $(this).css("background-image", "url(Images/Yellow.png)");
});

$('#button1').hover(
    function () {
        //button 1 hover event
    },
    function () {
       //button 1 hover out event 
    });

$('#button2').on('click', function () {
    //button 2 click event goes here
    $('#button1').css("background-image", "url(Images/Original.png)");
});

Answer 2

你可以尝试，

 $(document).on(
    {
        mouseenter: function () {

        },
        mouseleave: function () {

        }
    }, '.chat-button');

聊天按钮是 - ＆gt; button2和button1客户端ID

jquery 1.9.x

鼠标在asp.net中输入和鼠标离开事件

2 个答案: