我在我的主要專案中也有類似的問題。下面我以簡化的方式展示了我的問題。我知道為什么我的代碼會執行幾次,問題是如何修復這個問題。
HTML代碼:
<body>
<button id="btn"/span>> 點擊我</按鈕>
<script src="index. js" defer></script>
</body>
Javascript:
const btn = document. getElementById("btn"/span>)。
var number = 1;
function load() {
console.log(數字)。
btn.addEventListener('click', (e) =>/span> add(e)
};
function add(e) {
number = 1;
load()。
e.stopPropation()。
}
load()。
當然,當我第一次點擊按鈕時一切正常,但當我第二次點擊時,按鈕執行了兩次函式,第三次點擊后執行了四次,以此類推。我以為e.stopPropation();會解決這個問題,但不幸的是沒有。
主要問題。 如何殺死被加倍的事件?
主要問題:如何殺死那些被加倍的事件?
uj5u.com熱心網友回復:
這里使用這個
const btn = document. getElementById("btn"/span>)。
var number = 1;
function load() {
console.log(數字)。
btn。 addEventListener("click", (e) => add(e) )。)
}
function add(e) {
number = 1;
load()。
e.stopImmediatePropagation()。
}
load()。
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/319329.html
標籤:
下一篇:樹形遍歷和遞回概念性問題
