如何在同时处理两个事件的同时执行函数？

Question

我有一些代码想要执行，而用户调整一个元素的大小，同时滚动窗口，两个事件必须同时发生，以执行函数，类似以下，但我想合并它们，像一个自定义事件？

this.on("resize", function() {
  $(window).scroll(function() {
    figure.setHeight(_this.getHeight());
  _this.setHeight(figure.getHeight());
  });
});

Answer 1

根据我的理解，首先触发调整大小事件，然后如果用户也滚动，则应调用自定义函数

null

js prettyprint-override">let resizeTriggered = false

const myResizeFunc = (event) => {
resizeTriggered = true
}

const myScrollFunc = (event) => {
  if (resizeTriggered) {
    myCustomFunction()
  }
}

const myCustomFunction = () => {
    console.log('both are happening')
}

$('#textArea').mousedown(myResizeFunc)
$(window).scroll(myScrollFunc)

div.large {
  height:1000px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<textarea id="textArea"></textarea>
<div class="large">

</div>

Answer 2

说明:我在这里使用了一个标志，最初设置为false。由于这两个事件都将发生，我们可以在一个函数中检查另一个函数是否发生，并执行所需的函数。

首先点击按钮。将生成一个控制台，单击了。现在标志设置为true。但是myfunction()没有执行，因为它只有在keydown发生时才会激发。如果按下键，flag将不是true，因此将不会执行myfunction()。现在你知道了，按钮被点击了，所以它有了焦点。按enter键时，将同时执行click和keydown。并执行myfunction()。当它被执行时，将flag设置为false。:）

null

var flag = false;

$(document).on("keydown", function() {
  flag = true;
  console.log("key pressed");
});

$('button').click(function() {
  console.log("clicked");
  if (flag) {
    myFunction();
  }
});

function myFunction() {
  alert("Both at same time");
  flag = false;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button>Click me</button>