jquery是一個(gè)非常流行的JavaScript庫(kù),常用于網(wǎng)頁(yè)開發(fā)。而如何獲取鼠標(biāo)懸浮的網(wǎng)頁(yè)文本內(nèi)容也是網(wǎng)頁(yè)開發(fā)中的一個(gè)重要問題。
接下來(lái)我來(lái)介紹一個(gè)使用jquery獲取鼠標(biāo)懸浮網(wǎng)頁(yè)文本內(nèi)容的方法。
$(document).ready(function() {
var hoverText = "";
$('body').mouseover(function(event) {
hoverText = $(event.target).text();
});
$('body').mouseout(function() {
hoverText = "";
});
$('body').mousemove(function(event) {
if (hoverText != "") {
console.log(hoverText);
}
});
});
上述代碼中,我們首先定義了一個(gè)變量hoverText,用來(lái)存儲(chǔ)鼠標(biāo)懸浮的文本內(nèi)容。然后,我們?cè)陧?yè)面加載完成后綁定了三個(gè)事件:mouseover、mouseout和mousemove。
當(dāng)鼠標(biāo)懸浮在頁(yè)面上的元素上時(shí),觸發(fā)mouseover事件,將鼠標(biāo)懸浮的元素的文本內(nèi)容存儲(chǔ)到hoverText中。
當(dāng)鼠標(biāo)離開頁(yè)面上的元素時(shí),觸發(fā)mouseout事件,將hoverText重置為空字符串。
當(dāng)鼠標(biāo)移動(dòng)時(shí),不斷觸發(fā)mousemove事件,如果hoverText不為空,則將其輸出到控制臺(tái)中。
通過(guò)以上代碼,我們可以很方便地獲取鼠標(biāo)懸浮網(wǎng)頁(yè)文本內(nèi)容,從而對(duì)其進(jìn)行一些處理和操作,如彈出其他相關(guān)信息等。
上一篇php pdo run
下一篇php odbc ip