jQuery：鼠标停止时连续执行事件，当鼠标关闭时关闭事件

Question

我正在创建一个代码，在按住鼠标单击时执行

1. 让鼠标进入执行fadeTo功能，使div消失

2. 当鼠标启动时，它将关闭fadeTo功能

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

如何在按下鼠标的同时使上述代码连续执行，以及如何在鼠标启动时使上述代码无效？

提前致谢！ - noobie

Answer 1

点击时淡入淡出的一种方法是在鼠标停机时逐位降低不透明度。

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

Answer 2

解决方案：

        var down = false;

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

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