代码之家 › 专栏 › 技术社区 › qadenza

当鼠标按钮按下时,继续调整元素的大小

jquery javascript

qadenza · 技术社区 · 5 年前

如何在鼠标按下时继续调整元素的大小?
mousedown -没有成功。

$('button').on('mousedown', function(){
let targ = $('.targ');
let x = targ.height();
x++;
targ.height(x);
});

.targ{background:orange;}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button>PRESS</button>
<br><br>
<div class='targ'>LOREM</div>

2 回复 | 直到 5 年前

Samet Conrad 5 年前

您可以添加 setInterval() 去参加你的慕斯镇活动,在慕斯镇清除它

下面是将其设置为50毫秒的工作示例:

    var interval;
$('button').on({
  mousedown: function() {
    interval = setInterval(function() {
      let targ = $('.targ');
      let x = targ.height();
      x++;
      targ.height(x);
    }, 50);

  },
  mouseup: function() {
    window.clearInterval(interval);
  }
});

工作小提琴也在这里: https://jsfiddle.net/qytd5h1n/2/

希望有帮助:)