当一个按钮被点击时,让一个函数停止工作(JavaScript)
在JavaScript中,可以通过以下几种方式来实现当一个按钮被点击时,让一个函数停止工作:
// HTML
<button id="myButton">点击按钮</button>
// JavaScript
const button = document.getElementById('myButton');
const targetFunction = () => {
// 目标函数的代码
};
const stopFunction = () => {
// 停止函数的代码
};
button.addEventListener('click', () => {
stopFunction();
});
// HTML
<button id="myButton">点击按钮</button>
// JavaScript
let stopFlag = false;
const targetFunction = () => {
// 目标函数的代码
if (stopFlag) {
return; // 停止函数的执行
}
// 继续执行函数的代码
};
const stopFunction = () => {
stopFlag = true;
};
const button = document.getElementById('myButton');
button.addEventListener('click', () => {
stopFunction();
});
// HTML
<button id="myButton">点击按钮</button>
// JavaScript
const targetFunction = (() => {
let stopFlag = false;
return () => {
// 目标函数的代码
if (stopFlag) {
return; // 停止函数的执行
}
// 继续执行函数的代码
};
})();
const stopFunction = () => {
targetFunction.stopFlag = true;
};
const button = document.getElementById('myButton');
button.addEventListener('click', () => {
stopFunction();
});
以上是几种常见的实现方式,根据具体情况选择适合的方式来停止函数的执行。
领取专属 10元无门槛券
手把手带您无忧上云