如何使用javascript在onclick事件上显示工具提示
这是我的代码
html
<div class="tooltip">Hover over me
<div class="tooltiptext">
<button>click me</button>
<span >Tooltip text
</span>
</div>
</div>
css
.tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted black;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 120px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
/* Position the tooltip */
position: absolute;
z-index: 1;
}
.tooltip:hover .tooltiptext {
visibility: visible;
}
悬停时显示工具提示。但是我想在仅使用JavaScript的onclick事件中显示收费提示。请帮助我
我想你想要这样的东西。当您点击“悬停我”时,它会显示您的工具提示,您可以使用X
我使用ES5拨动了一个拨动开关。我不确定您是否正在使用翻译机。我对您的CSS进行了一些调整。
<div class="tooltip">
<a href="javascript:void(0)">Hover over me</a>
<div class="tooltiptext">
<button>click me</button>
<span >Tooltip text
</span>
</div>
</div>