jQuery的：當按下鼠標時不斷制定事件，當鼠標擡起關閉事件

Question

我創建一個代碼，當在按住鼠標點擊將

1. 讓鼠標進入執行fadeTo功能使格消失

   執行

2. 當鼠標向上是將關閉fadeTo功能

   $('div').mousedown(function() { 
        $('div').mouseenter(function(){ 
         $(this).fadeTo('fast',0); 
   }); 
   

如何在按下鼠標的同時連續執行上面的代碼，以及如何讓鼠標彈起時上面的代碼不起作用？

在此先感謝！ - noobie

Answer 1

點擊時淡入淡出的一種方法是在鼠標關閉時逐位降低不透明度。

var op = 1; 
 
$('div').mousedown(function() { 
 
\t var d=$(this); 
 
    timeout = setInterval(function() {   
 
    d.fadeTo('fast', op); 
 
    op -= .03; 
 
    }, 125); 
 
    return false; 
 
}).mouseup(function(){ 
 
    clearInterval(timeout); 
 
    return false; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
    Click me and see me fade, stop clicking and I'll stop fading. 
 
</div>

Answer 2

解決方案：

 var down = false; 

    $(document).mousedown(function() { 
     down = true; 
    }).mouseup(function(){ 
     down = false; 
    }); 

    $('div').mouseover(function(){ 
    if(isdown){ 
     $(this).fadeTo('fast',0) 
    } 
    });