Javascript代码在桌面和桌面上完美运行调整大小但不在移动设备上

时间:2018-06-15 11:08:08

标签: javascript cross-browser

真的很奇怪。我有<a>标记,无论何时点击它都应该切换blue-text-cat类。它在桌面上完美运行,但不适用于移动设备。

奇怪的是,当我调整浏览器窗口大小并单击<a>时,它运行正常。我说这很奇怪,因为移动设备上会显示带有调整大小的浏览器窗口的同一页面。该代码不适用于移动设备。

function toggleColorStyle(e) {
  e.target.classList.toggle('blue-text-cat');
}
.blue-text-cat {
  color: blue!important;
}
<a href="javascript:void(0)" style="color: #000" onclick="toggleColorStyle(event)">
    JAPANESE CARS FOR SALE
</a>

在调整大小的浏览器窗口中选中此项:http://pazomall.storehippo.com/,然后点击左侧菜单,然后点击“汽车”。点击“日本汽车出售”!你可以看到它在那里有效,但在移动设备上不起作用。

0 个答案:

没有答案