在移动设备中打开时从锚标记中删除 onclick 高亮 - CSS

在移动设备中，当用户点击页面上的某个链接时，浏览器会将页面滚动到该链接附近的位置。这种行为对于网页导航非常有用，但在某些情况下，该行为可能会导致麻烦。例如，如果链接包含onclick事件，它可能会干扰浏览器的默认行为，从而导致链接无法正常打开。

在这种情况下，一种解决方法是在移动设备中删除onclick事件，从而确保链接的正常打开。可以使用CSS来完成此操作，具体步骤如下：

1.创建一个名为.mobile的CSS类（或者使用现有的类），并将以下代码添加到其中：

.mobile a[href]:after {
    content: "";
    display: block;
    height: 2em;
    margin-top: -2em;
}

2.在HTML代码中使用该类来定位移动设备上的链接。例如：

<a href="#section1" class="mobile">Section 1</a>

这将在移动设备上将链接框定为.mobile类，并将CSS样式应用于它们。

3.将以下代码添加到CSS样式表中，以在移动设备中删除onclick事件：

.mobile a[href]:active:after {
    content: none;
}

这将在移动设备上将链接设置为active状态，并将其从锚标记中删除onclick事件。

有了这些代码，链接将在移动设备上正常工作，并且不会干扰浏览器的默认行为。如果需要更详细的解释和详细说明，请参阅以下参考文献：

• Removing onclick from Anchor Tags on Mobile Devices

以上就是从锚标记中删除onclick高亮的解决方法，希望对您有所帮助！