如何使用Javascript显示Onclick事件的工具提示

问题描述 投票:0回答:3

如何使用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事件中显示收费提示。请帮助我

javascript html css
3个回答
0
投票

我想你想要这样的东西。当您点击“悬停我”时,它会显示您的工具提示,您可以使用X


0
投票

我使用ES5拨动了一个拨动开关。我不确定您是否正在使用翻译机。我对您的CSS进行了一些调整。


0
投票
<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>
© www.soinside.com 2019 - 2024. All rights reserved.