javascript - 仅在单击某些元素时显示上下文菜单

Question

我有点卡住了，我需要你的帮助。

我试图仅在用户右键单击页面中的某些元素时才显示上下文菜单。

我想我通过使用 getElementByClassName(...) 并为每个元素添加一个 onClick 侦听器来解决这个问题，当用户单击其中任何一个元素时，我将创建上下文菜单。然后在一切完成后删除内容菜单。

问题是我没有这些元素的完整类名，我只知道它们以“故事”开头。

我不知道该怎么做。有没有办法使用正则表达式并获取所有具有故事类名的元素？或者那是不可能的。

提前致谢，

Answer 1

您可以使用以选择器开头的属性来执行此操作

document.querySelectorAll("[class^=story]")

Answer 2

这个库允许使用正则表达式选择器。

<div class="story-blabla"></div>

$("div:regex(class, story.*)")

但是，您可能不想实现完整的库。还有另一种解决方案：

$('div').filter(function() {
    return this.class.match(/story.*/);
    })

这将返回您想要的对象。