html - 单击时显示输入标题工具提示(不是悬停)

Question

我正在使用 title 属性来显示数字输入字段的工具提示。它运行良好，但此代码适用于移动设备，因此工具提示需要在单击输入字段时显示，而不是悬停在上方。

下面是悬停时工具提示当前如何显示的示例:

<input title ="This should only show when input is clicked" type="number" id="price" value=1.80>

是否可以在点击而不是悬停时显示标题工具提示？

Answer 1

这里是一个没有 jQuery 的解决方案:

function showTooltip() {
  document.getElementById("price").title = "This should only show when input is clicked";
}

function removeTooltip() {
  document.getElementById("price").title = "";
}

<input type="number" id="price" value="1.80" onfocus="showTooltip()" onfocusout="removeTooltip()" />