在移动设备中时移除锚

Remove anchor when in mobile?

本文关键字：移动      更新时间：2023-09-26

我想在一部手机上删除图像的href。。

<header id='top_header'>
    <a href='index.php'><img id='crest' src='../images/868crest.png' alt='868 RCACS Crest'></a>
    <img id='title' src='../images/newtitle.png' alt='868 RCACS Title'>
</header>

我目前没有任何javascript或jquery，所以如果我只能用html和css

，我该怎么做呢

您可以使用带有handheld关键字和pointer-event属性的@media查询，如

@media only screen and (max-device-width: 480px) {
    a {
        pointer-events: none;
    }
}

演示（调整屏幕大小并将鼠标悬停在链接上）

演示2（没有什么花哨的，只是更改了颜色，这样你就可以更好地测试它）

演示3（使用handheld不会针对计算机）

注意：我已经从该演示中删除了handheld，以使其在现在

检测移动设备窗口加载事件，然后删除href

var remHref = function(){
    if(!!window.orientation){
       document.getElementById('crest').href = "#";
    }
}
// or use e.preventDefault() on link onclick event
window.onload = remHref
相关文章：