如何禁止词典中自己JS程序动态添加元素的双击事件响应？

starmars · 发表于 2022-9-6 16:21:45

在Windows版GoldenDict和欧路中都可以（设置成）双击任何位置的文字则新转入该文字的词条。
自己为词典写了一些JS脚本控制，动态添加了一些控件如切换中文的按钮，这些按钮可能含有提示文字如“点我切换”。功能是单击第一次显示中文，单击第二次则再隐藏中文。但有时候两次单击间隔太短了就误触发了词典自己的双击事件转入新词条功能，而这个按钮中的文字如“点我切换”根本就不是单词，词典中显示找不到的错误。

如何避免以上情况发生？既想保留双击词典正文中真正的单词可转入该词条的功能，同时又禁止自己JS添加的控件的双击事件？

codex · 发表于 2022-9-14 10:35:10

const el = document.getElementById("your_button_id");
el.addEventListener("dblclick", (e)=>e.stopPropagation());

复制代码

可以试下这段代码

[讨论] 如何禁止词典中自己JS程序动态添加元素的双击事件响应？