javascript - asp.net中的鼠标进入和鼠标离开事件

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');

聊天按钮是 -> button2 和 button1 客户端 ID

jQuery 1.9.x