Question

所以我试图在我的React App中实现一个工作演示，但遇到了一个奇怪的问题。我有一些事件监听器可以触发某些功能，但是在某些情况下不会触发click事件，因此我一生都无法弄清楚为什么。

我已经确认元素存在并且格式与工作元素相同。

这是代码段：

initEvents(){
  for (const [pos, item] of this.menuItems.entries()) {
    //working click event
    item.DOM.textwrap.addEventListener('click', () => this.navigate(pos));
    //not working
    item.DOM.link.addEventListener('click', () => this.showContent(pos));
    console.log(item.DOM.link); //Shows all link items
  }
}

navigate(pos){
  console.log("navigate"); 
}

showContent(pos){
  console.log("show content");
}

render(){
  return (
    <div>
      <span className="menu__itemText">NAME 1</span>
      <span className="menu__itemLink">LINK</span>
    </div>
  );
}

我也试图添加一个没有运气的内联点击事件。我已经验证了将z-index设置在其他元素之上而不干扰，但是我对下一步的尝试感到困惑。

如果有人有任何想法，不胜感激！

Answer 1

我的问题是由于“不可点击”元素上的CSS规则引起的。

from simpledbf import Dbf5
dbfile=Dbf5(str(dbf))
df=dbfile.to_dataframe()
subset=df[["STATEFP","COUNTYFP"]]
subset=subset.set_index("COUNTYFP")
dict=subset.to_dict()

阻止事件通过监听器事件或onClick事件触发。

React事件点击不适用于特定元素

1 个答案: