blocks|key|154792|text|尝试：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|154793|$('*').mouseover(function(evt)+
{
++++$('#log').text($(this)[0].tagName);

++++evt.stopPropagation();
});|code-block|syntax|javascript|154794|我认为，你的问题是，事件在链中向上传播，直到它到达<html>，并在那里停止。这应该会对此有所帮助。|offset|length|style|CODE|154795|编辑:它也可能有助于缩小范围，即$('#container+>+*')。|154796|entityMap^0|0|0|P|6|0|G|J|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@$I|T|J|U|K|L]]|9|@]|A|$]]|$1|M|3|N|5|6|7|V|8|@$I|W|J|X|K|L]]|9|@]|A|$]]|$1|O|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|P|$]]

Try:

<pre><code>$('*').mouseover(function(evt) 
{
 $('#log').text($(this)[0].tagName);

 evt.stopPropagation();
});
</code></pre>

Your issue, I think, is that the event gets propagated up the chain until it hits <code>&lt;html&gt;</code> and that's where it stops. This should help that.

EDIT: It might also help to narrow the scope, i.e. <code>$('#container &gt; *')</code>.

blocks|key|2242269|text|这是因为所有的事件都会冒泡到正在处理它们的html。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2242270|试试这个。|2242271|$(document).mouseover(function(event)+{
+++$('#log').text(event.target.tagName);
});|code-block|syntax|javascript|2242272|现在，您只需附加一个事件，并让它们全部冒泡到document，在那里它们将被处理。|2242273|entityMap^0|L|4|0|0|0|M|8|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|T|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|U|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|V|8|@$9|W|A|X|B|C]]|D|@]|E|$]]|$1|O|3|-4|5|6|7|Y|8|@]|D|@]|E|$]]]|P|$]]

It is because the events are all bubbling up to <code>html</code> where they are being handled.

Try this...

<pre><code>$(document).mouseover(function(event) {
 $('#log').text(event.target.tagName);
});
</code></pre>

Now you only attach one event, and let them all bubble up to <code>document</code> where they will be handled.

blocks|key|3845097|text|试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3845098|$('*').bind('mouseover',+function(e)+{
++++e.stopPropagation();
++++$('#log').text($(this)[0].tagName);
}|code-block|syntax|javascript|3845099|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Try this:

<pre><code>$('*').bind('mouseover', function(e) {
 e.stopPropagation();
 $('#log').text($(this)[0].tagName);
}
</code></pre>

blocks|key|154932|text|问题是您的事件正在冒泡到html+dom节点...你不会想这样的。这将修复它：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|154933|$('*').mouseover(function(e){
++e.stopPropagation();
++$('#log').text(this.tagName);
});|code-block|syntax|javascript|154934|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

The problem is that your event is bubbling up to the html dom node... you don't want this. This will fix it:

<pre><code>$('*').mouseover(function(e){
 e.stopPropagation();
 $('#log').text(this.tagName);
});
</code></pre>

blocks|key|1773299|text|文档的第一个元素是html标签。因此，它将获得第一个悬停命令。查找--至少--+body元素。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1773300|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

the first element of a document is the html tag. So it will get the first hover command. Look up - at least- for the body element.

blocks|key|1773396|text|我创建了一个提琴来帮助你：http://jsfiddle.net/ErickPetru/NQfZh/|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1773397|正如您所看到的，我建议您使用mouseenter+insted，这样事件传播就不会成为问题。如果你使用mouseover，鼠标会一直在每个元素和它们的父元素上触发这个事件。|style|CODE|1773398|而且，因为不需要任何[0]索引，所以.attr("tagName")更好。|1773399|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/ErickPetru/NQfZh/^0|D|11|0|0|E|A|1F|9|0|A|3|I|G|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@$A|S|B|T|1|U]]|C|$]]|$1|D|3|E|5|6|7|V|8|@$A|W|B|X|F|G]|$A|Y|B|Z|F|G]]|9|@]|C|$]]|$1|H|3|I|5|6|7|10|8|@$A|11|B|12|F|G]|$A|13|B|14|F|G]]|9|@]|C|$]]|$1|J|3|-4|5|6|7|15|8|@]|9|@]|C|$]]]|K|$L|$5|M|N|O|C|$P|Q]]]]

I created a Fiddle to help you: <a href="http://jsfiddle.net/ErickPetru/NQfZh/" rel="nofollow">http://jsfiddle.net/ErickPetru/NQfZh/</a>

As you can see, I suggest you to use <code>mouseenter</code> insted, then event propagation will not be a problem. If you use <code>mouseover</code>, mouse will be firing this event on each elements and their parents all the time.

Also, <code>.attr("tagName")</code> is better because you don't need any <code>[0]</code> index.

blocks|key|1773327|text|您可以通过选择"*“将此事件处理程序附加到任何+DOM元素。如果没有event.stoppropagation()+...每个动作都向下发送(向上！)转换为html。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|1773328|试一试|1773329|$('*',+'body').mouseover(function()+
{
++++$('#log').text($(this)[0].tagName);
});|code-block|syntax|javascript|1773330|这将标签检测限制到包含在主体中的元素。|1773331|entityMap^0|L|2|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|T|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|U|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|V|8|@]|D|@]|E|$]]|$1|O|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|P|$]]

You're attaching this event handler to any DOM element by selecting "*".
Without event.stoppropagation() ... every action is routed down (up!) to html.

try 

<pre><code>$('*', 'body').mouseover(function() 
{
 $('#log').text($(this)[0].tagName);
});
</code></pre>

which restricts the tag-detection to elements contained in body.

I have this jQuery code:

<pre><code> $('*').mouseover(function() 
 {
 $('#log').text($(this)[0].tagName);
 });
</code></pre>

And In my page, I have a bunch of elements, and a DIV with the id "log". When the user mouses over any of the elements, I want their element name (e.g. <code>p</code> or <code>h2</code>) to appear in the <code>#log</code>. But whenever I mouse over anything, it returns <code>HTML</code>. How do I fix this?

jQuery $(this).tagName returns "HTML"

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我有这个jQuery代码：    $('*').mouseover(function()     {        $('#log').text($(this)[0].tagName);    });在我的页面中，我有一堆元素，还有一个id为"log“的DIV。当用户将鼠标移到任何元素上时，我希望它们的元素名称(例如p或h2)出现在#log中。但是每当我将鼠标移到任何东西上时，它都会返回HTML。

问jQuery $(这).tagName返回"HTML“
EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery $(这).tagName返回"HTML“EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery $(这).tagName返回"HTML“
EN