javascript - 如何在 javascript 的禁用按钮上启用工具提示？

Question

我有一个禁用的按钮，我希望它显示一个工具提示，但当我再次启用它时更改它。我如何让它工作我只能使用 HTML、javascript 和 css。这是按钮

<div class="right-item"><button class="button ripple" id="print" onclick="printDiv('qr-code')" disabled="disabled">Drucken</div>

Answer 1

使用标题

function toggle() {
  var button = document.getElementById('button');
  if (button.disabled) {
    button.disabled = false;
    button.setAttribute('title', 'Enabled title');
  } else {
    button.disabled = true;
    button.setAttribute('title', 'Disabled title');
  }
}

<button onclick="toggle()">Toggle enable/disable</button>
<button disabled title="Enabled title" id="button">Hover on me</button>