Question

我有一个游戏，你按下一个按钮，这取决于你按下它显示一个菜单使用数据操作。 E.g我有一个主菜单，按＆＃34; news＆＃34;并使用data-action =＆＃34; news＆＃34;来调用新闻菜单。

现在我将通过游戏返回数据，因此将使用addEventListener通过JS发送数据（不相关）。但是，我想制作一个if语句，将数据操作设置为从游戏发送的任何内容。如何通过JS更新数据操作？

如果event.date.type是＆＃34; news＆＃34; - ＆GT;显示新闻菜单，通过将数据操作设置为＆＃34; new-news＆＃34;来显示新菜单。这不起作用，该怎么做？

<html>
<body id="fname" >
    <input id="fname" type="text" >
</body>
<script>        
    window.onload = () => document.getElementById("fname").addEventListener(`onfocus`,console.log(`hi`));
</script>
</html>

Answer 1

使用dataset interface：

element.dataset.action = 'new-news'

Answer 2

据我所知，您在将数据元素分配给某个元素时遇到了问题。这似乎只是一个语法错误。

而不是：

data-action = "new-news"

使用数据集，如下所示：

element.dataset.action = "new-news"

这应该有效：）

JS addEventListener - ＆gt;更新数据操作

2 个答案: