首頁猿問如何使元素單擊（針對(duì)整個(gè)文檔）？

如何使元素單擊（針對(duì)整個(gè)文檔）？

JavaScript JQuery Html/CSS

眼眸繁星 2019-12-13 10:14:12

我想在單擊的HTML文檔中獲取當(dāng)前元素（無論是哪個(gè)元素）。我在用：$(document).click(function () { alert($(this).text());});但是非常奇怪的是，我得到了整個(gè)文檔的文本，而不是單擊的元素。如何僅獲取我單擊的元素？例<body> <div class="myclass">test</div> <p>asdfasfasf</p></body>如果單擊“測(cè)試”文本，我希望能夠$(this).attr("myclass"在jQuery中使用讀取屬性。

查看完整描述

3 回答

慕尼黑8549860

TA貢獻(xiàn)1818條經(jīng)驗(yàn) 獲得超11個(gè)贊

您需要使用event.targetwhich是最初觸發(fā)事件的元素。在this您的示例代碼指document。

在jQuery中，就是...

$(document).click(function(event) {

var text = $(event.target).text();

});

沒有jQuery ...

document.addEventListener('click', function(e) {

e = e || window.event;

var target = e.target || e.srcElement,

text = target.textContent || target.innerText;

}, false);

另外，請(qǐng)確保是否需要使用<IE9 attachEvent()代替addEventListener()。

反對(duì) 回復(fù) 2019-12-13

江戶川亂折騰

TA貢獻(xiàn)1851條經(jīng)驗(yàn) 獲得超5個(gè)贊

window.onclick = e => {

console.log(e.target);

console.log(e.target.tagName);

}

從單擊元素獲取文本

window.onclick = e => {

console.log(e.target.innerText);

}

反對(duì) 回復(fù) 2019-12-13

3 回答
0 關(guān)注
586 瀏覽

關(guān)注

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

如何使元素單擊（針對(duì)整個(gè)文檔）？

如何使元素單擊（針對(duì)整個(gè)文檔）？

3 回答

相關(guān)問題推薦

添加回答

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

如何使元素單擊（針對(duì)整個(gè)文檔）？

如何使元素單擊（針對(duì)整個(gè)文檔）？

3 回答

相關(guān)問題推薦

添加回答

如何使元素單擊（針對(duì)整個(gè)文檔）？