如何在 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

<button disabled title="Hello">Hover on me</button>

此代碼將為禁用或啟用按鈕顯示相同的工具提示。 有一個 function 檢查按鈕的狀態並基於它應用標題值。

Answer 2

使用標題

 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>

Answer 3

啟用按鈕時需要添加 Javascript。

在 jQuery 中：

$('#yourElementId').attr('title', 'your new title');

在 Javascript 中：

var myBtn= document.getElementById("yourElementId");
myBtn.setAttribute('title','mytitle');