javascript - jquery mouseenter 执行此操作，mouseleave 执行此操作，单击执行此操作并停止 mouseenter/mouseleave 事件

Question

我试图在鼠标输入鼠标离开事件时替换图像属性源。单击时，图像应保持事件状态。我需要 mouseleave 事件在单击后停止。到目前为止，点击后鼠标离开仍然继续，切换回图像，代码如下:

<script>
    jQuery('.paypal').mouseenter(function(){
        jQuery('.paypal').attr('src','http://url-to-my-active-image.jpg');?>');
    }),
    jQuery('.paypal').mouseleave(function(){
        jQuery('.paypal').attr('src','http://url-to-my-inactive-image.jpg');
    }),
    jQuery('.paypal').click(function(){
        jQuery('.paypal').css('opacity','1');
    });
</script>

我怎样才能实现这一目标？

Answer 1

只需转动off单击时鼠标离开:

jQuery('.paypal').click(function(){
    jQuery('.paypal').css('opacity','1').off('mouseleave');
});