点击Brancusi标签触发Uncaught RangeError,页面文本不显示求助
问题:点击"Brancusi"标签触发栈溢出错误,页面异常
- 点击标题为“Brancusi”的标签时,会出现
Uncaught RangeError: Maximum call stack size exceeded错误,页面文本无法显示 - 后续点击其他标签也会触发相同错误,但第三次点击后恢复正常
- 再次点击Brancusi标签,问题会重现
以下是我的代码:
JavaScript代码
document.addEventListener('DOMContentLoaded', function () { let contactButton = document.querySelector('#contactButton'); contactButton.addEventListener('click', function () { window.open("https://vladpaun1-congenial-goldfish-4xjp7gp49542jjp6-8080.preview.app.github.dev/personal/website_concurs/contact.html", "_blank"); }); var contentDiv = document.querySelector(".content"); if (contentDiv) { var homeTab = document.getElementById("home-tab"); var casaBrancusi = document.getElementById("casa_brancusi"); var casaTopirceanu = document.getElementById("casa_topirceanu"); var casaPann = document.getElementById("casa_pann"); var brancusi = document.getElementById("brancusi"); var topirceanu = document.getElementById("topirceanu"); var pann = document.getElementById("pann"); if (homeTab) { homeTab.addEventListener("click", function() { contentDiv.style.backgroundImage = "url('images/backgrounds/BACKGROUND1.jpg')"; }); } if (casaBrancusi) { casaBrancusi.addEventListener("click", function(event) { if (!event.handled) { event.handled = true; contentDiv.style.backgroundImage = "url('images/casa_brancusi/casa_brancusi.jpg')"; } }); } if (casaTopirceanu) { casaTopirceanu.addEventListener("click", function(event) { if (!event.handled) { event.handled = true; contentDiv.style.backgroundImage = "url('images/casa_toparceanu/casa.jpg')"; } }); } if (casaPann) { casaPann.addEventListener("click", function(event) { if (!event.handled) { event.handled = true; contentDiv.style.backgroundImage = "url('images/casa_pann/casa.jpg')"; } }); } if (brancusi) { brancusi.addEventListener("click", function(event) { if (!event.handled) { event.handled = true; contentDiv.style.backgroundImage = "url('images/backgrounds/BACKGROUND1.jpg')"; } }); } if (topirceanu) { topirceanu.addEventListener("click", function(event) { if (!event.handled) { event.handled = true; contentDiv.style.backgroundImage = "url('images/toparceanu/toparceanu1.jpg')"; } }); } if (pann) { pann.addEventListener("click", function(event) { if (!event.handled) { event.handled = true; contentDiv.style.backgroundImage = "url('images/pann/pann1.jpeg')"; } }); } } });
我曾尝试在JavaScript代码中添加event.handled标记来处理误触发问题,但似乎没有效果。
内容的提问来源于stack exchange,提问作者vladpaun1
相关产品推荐
相关产品推荐

