JavaScript：在桌面和移动设备上制作点击事件以添加 CSS 列表答案

【问题标题】：JavaScript: making a click event on desktop and mobile to add CSS listJavaScript：在桌面和移动设备上制作点击事件以添加 CSS 列表
【发布时间】：2022-01-27 18:43:06
【问题描述】：

我尝试在单击按钮时向 CSS 添加类，它在桌面上有效，但在手机上无效

这是我的代码：

<script>
document.getElementById('logbit').addEventListener('click',function() {
document.getElementById('logf').classList.add('bg');

})
</script>

【问题讨论】：

你为什么使用jquery标签？？？但是，我没有看到任何问题，您在控制台中有错误吗？
控制台没有任何问题
但是当我用手机点击按钮时没有任何反应
您使用哪种浏览器/手机？
对于手机或移动设备，您可以添加“点击点击”。

标签： javascript css web

【解决方案1】：

如果你的代码中没有使用 jquery，我不知道你为什么要使用 jquery 标签。

但既然你问到 jquery 我会给出一个 jquery 的答案。

$("#logbit").click(function() {
   $("#logf").addClass("bg");
})

这应该在手机和电脑上都可以使用。

【讨论】：

它不工作

【解决方案2】：

看看这是否有效：

<style>
.bg {
    background-color: blue;
}
</style>
<input type="button" value="Button" id="button">
<script>
document.querySelector("#button").onclick = function () {
    document.body.classList.add("bg");
}
</script>

【讨论】：

还是不行
等一下给你我的完整代码
#logf{ 不透明度：100;字体粗细：600；字体大小：20px； } #logf.bg{ 不透明度：100； z指数：999； }
document.querySelector("#logbit").onclick = function () { document.querySelector("#logf").classList.add("bg"); }