Javascript 显示悬停而不是Href以进行条件检查_Javascript_Html_Internet Explorer

Javascript 显示悬停而不是Href以进行条件检查

javascript html internet-explorer

Javascript 显示悬停而不是Href以进行条件检查,javascript,html,internet-explorer,Javascript,Html,Internet Explorer,我有一个非常基本的html要求，在一些参数值上，我需要隐藏文本上的超链接并显示文本上的悬停下面是我的测试html。我应该如何处理我的Javascript，当accesscode=10时，我应该只显示hover而不是href <!DOCTYPE html> <html> <body> <h1>test Heading</h1> <p>Test screen.</p> <a id="tagUrl" cl

我有一个非常基本的html要求，在一些参数值上，我需要隐藏文本上的超链接并显示文本上的悬停

下面是我的测试html。我应该如何处理我的Javascript，当accesscode=10时，我应该只显示hover而不是href

<!DOCTYPE html>
<html>

<body>
<h1>test Heading</h1>
<p>Test screen.</p>

 <a id="tagUrl" class="button" href='https://growthModeltest.com' target="_blank" rel="MonthlyReport">Learn More</a>

</body>
<script>
var accessCode= 10;
var hideElem = document.getElementById("tagUrl");
if(accessCode == 10){
        //should not display the link, instead show the hover.
        hideElem.href = '#';
}

</script>
</html>


试验品目
测试屏幕
var accessCode=10；
var hideElem=document.getElementById（“tagUrl”）；
if（accessCode==10）{
//不应显示链接，而应显示悬停。
hideElem.href='#'；
}

如果要创建鼠标悬停在链接上时显示的工具提示，请指定

title

属性

var accessCode=10；
var hideElem=document.getElementById（“tagUrl”）；
if（accessCode==10）{
//不应显示链接，而应显示悬停。
hideElem.href='#'；
hideElem.title='链接现在不活动'；
}

测试标题
测试屏幕

尝试使用下面的代码进行测试


使用JavaScript禁用链接
试验品目
测试屏幕
var lnk=document.getElementById（'tagUrl'）；
var accessCode=10；
if（accessCode==10）{
lnk.title=““链接不适用于您”；
if（window.addEventListener）{
document.addEventListener（'click'，函数（e）{
如果（e.target.id==lnk.id）{
e、 preventDefault（）；//注释此行以再次启用链接标记。
}
});
}}

首先从链接中删除target=“\u blank”，如果您不希望用户重定向到页面顶部。您可以在href标记内使用javascript:void（0）来避免这种情况

试试这个：

var accessCode=10；
var hideElem=document.getElementById（“tagUrl”）；
if（accessCode==10）{
//不应显示链接，而应显示悬停。
hideElem.href='javascript:void（0）'；
hideElem.removeAttribute（“目标”）；
hideElem.title='链接现在不活动'；
}

测试标题
测试屏幕

在渲染元素之前选择它……我移动了底部的脚本，但我的问题仍然是，如何显示href条件。对于某些参数值，我需要显示hove而不是href。不知道您的意思，它应该显示悬停…@epascarello我的要求是仅显示某些用户角色的超链接。如果用户没有特定的权限，而不是显示超链接，我想显示悬停，说“链接不适用于您”，感谢更新，但我仍然不希望用户在accessCode==10时单击链接。hideElem.href='#'；仍将用户带到下一个窗口。基本上我想禁用链接并在其上显示悬停。@MSV你试过那个片段吗？单击链接不会将用户重定向到任何地方