如何獲取HTML表單中的工具提示？

我在YouTube上跟隨這個工具提示教程https://www.youtube.com/watch?v=yqKrCQcsaAA，並認爲我已釘牢，但是當我使用工具提示功能時，它正在刪除我的輸入框。如何獲取HTML表單中的工具提示？

這裏是我的代碼：

<input type="text" name="pword1" class="iBox" id="pword1" autocomplete="off" onmouseout="HideToolTip()" onmouseover="ShowToolTip()" onkeyup="reqMetVal()" placeholder="choose a password" > 

function ShowToolTip(){ 
    document.getElementById("pword1").style.visibility = 'visible'; 
} 

function HideToolTip(){ 
    document.getElementById("pword1").style.visibility = 'hidden'; 
}

，然後當我火起來到瀏覽器進行測試，當我將鼠標懸停在它消失的輸入框，只能通過刷新頁面進入它，跳到它

來源

2014-12-01 BlueShark

如何只使用刀尖title屬性。 http://jsfiddle.net/rm807wd6/ – Rex 2014-12-01 17:18:37

你真的需要做的是瞭解代碼正在做什麼。您現在的方式是，您可以盲目地將後門複製並粘貼到您的網站中，並發現您的服務器遭到黑客入侵，並且您不知道自己做了什麼。（這是近期「social.png」黑客攻擊最近如此普遍的原因）。

代碼的功能部分是：

onmouseout="HideToolTip()"
onmouseover="ShowToolTip()"

HideToolTip獲得了所述元素與ID pword1和隱藏它。 pword1是您的輸入元素，如代碼中的id="pword1"屬性所示。

所以基本上，當你將鼠標移出盒子時，它會消失。你不能mouseover一個隱藏的元素，所以沒有辦法讓它回來。

從你的問題確切地說你打算做什麼是不可能的，但也許是這樣嗎？

function ShowToolTip(){ 
 
    document.getElementById("tooltipbox").style.visibility = 'visible'; 
 
} 
 

 
function HideToolTip(){ 
 
    document.getElementById("tooltipbox").style.visibility = 'hidden'; 
 
}

<input type="text" name="pword1" class="iBox" id="pword1" autocomplete="off" onmouseout="HideToolTip()" onmouseover="ShowToolTip()" onkeyup="reqMetVal()" placeholder="choose a password" > 
 
<p id="tooltipbox" style="visibility:hidden">This is the tooltip</p>

來源

2014-12-01 17:20:02

太棒了。謝謝。那效果很好。我明白代碼在做什麼。雖然我是JavaScript新手，但同時學習我正在嘗試在此建立我的代表並學習Java和Spring。所以當我沒有把握的時候原諒我。 – BlueShark 2014-12-01 17:27:22

如何獲取HTML表單中的工具提示？

回答

相關問題