既然“事件”已被弃用,我怎样才能使此代码工作?

问题描述 投票:0回答:1

这个 javascript 项目向我显示了这条消息:'event' is deprecated.ts(6385) lib.dom.d.ts(26990, 4):该声明已在此处标记为已弃用。 事件变量: 事件 |不明确的 @已弃用 – MDN 参考

我不知道如何让这段代码工作 有人可以帮我吗?

var tablinks = document.getElementsByClassName("tab-links")
var tabcontents = document.getElementsByClassName("tab-contents")

function opentab(tabname){
    for(let tablink of tablinks) {
        tablink.classList.remove("active-link");
    }

    for(let tabcontent of tabcontents) {
        tabcontent.classList.remove("active-tab")
    }

    event.currentTarget.add("active-link")
    document.getElementById(tabname).classList.add("active-tab")

}

我正在学习 javascript 教程,但它已经过时了,我想完成这个项目,但还没有找到方法。我有点困惑

javascript html onclick dom-events
1个回答
0
投票

使用下面更新的代码,而不使用事件等已弃用的对象!再次强调它是警告而不是错误!

var tablinks = document.getElementsByClassName("tab-links");
var tabcontents = document.getElementsByClassName("tab-contents");

function opentab(event, tabname) {
  for (let tablink of tablinks) {
    tablink.classList.remove("active-link");
  }

  for (let tabcontent of tabcontents) {
    tabcontent.classList.remove("active-tab");
  }

  event.currentTarget.classList.add("active-link");
  document.getElementById(tabname).classList.add("active-tab");
}

干杯🥂

© www.soinside.com 2019 - 2024. All rights reserved.