blocks|key|2517560|text|<div>和<img>通常没有焦点或模糊事件，但您可以尝试在其上设置一个表索引作为解决办法。不过有点奇怪。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2517561|http://www.quirksmode.org/dom/events/blurfocus.html|2517562|entityMap|0|LINK|mutability|MUTABLE|url^0|0|5|6|5|0|0|1F|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|T|8|@]|D|@$9|U|A|V|1|W]]|E|$]]|$1|H|3|-4|5|6|7|X|8|@]|D|@]|E|$]]]|I|$J|$5|K|L|M|E|$N|G]]]]

<code>&lt;div&gt;</code> and <code>&lt;img&gt;</code> don't normally have a focus or blur event, but you can try setting a tabindex on it as a workaround. It's a bit strange though.

<a href="http://www.quirksmode.org/dom/events/blurfocus.html" rel="nofollow">http://www.quirksmode.org/dom/events/blurfocus.html</a>

blocks|key|1320670|text|默认情况下，div不是一个交互式元素，因此它根本不会获得焦点，请尝试向div添加一个tabindex属性，例如tabindex="1"，然后它将是可聚焦的。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1320671|entityMap^0|16|8|1J|C|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

by default div is not an interactive element so it does not gain focus at all, try to add an <code>tabindex</code> attribute to div such as <code>tabindex="1"</code> then it will be focusable

blocks|key|2876421|text|当元素通过指向设备或选项卡导航接收焦点时，就会发生onfocus事件。此属性可与以下元素一起使用:+A、区域、标签、输入、选择、TEXTAREA和按钮。|type|blockquote|depth|inlineStyleRanges|entityRanges|data|2876422|资料来源：w3c+HTML4规范|unstyled|offset|length|style|BOLD|2876423|div和img都不能接收或失去焦点，这些都不是交互的元素。您可以通过设置tabindex使他们获得焦点。|CODE|2876424|有些节点在默认情况下是不可聚焦的，如div、span、table等，但如果应用tabindex，则可以接收焦点。|2876425|资料来源：http://nemisj.com/focusable/|2876426|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3.org/TR/html4/interact/scripts.html#events|1|http://nemisj.com/focusable/^0|0|0|4|5|B|0|0|0|3|4|3|10|8|0|0|0|4|5|S|1|0^^$0|@$1|2|3|4|5|6|7|Z|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|10|8|@$E|11|F|12|G|H]]|9|@$E|13|F|14|1|15]]|A|$]]|$1|I|3|J|5|D|7|16|8|@$E|17|F|18|G|K]|$E|19|F|1A|G|K]|$E|1B|F|1C|G|K]]|9|@]|A|$]]|$1|L|3|M|5|6|7|1D|8|@]|9|@]|A|$]]|$1|N|3|O|5|D|7|1E|8|@$E|1F|F|1G|G|H]]|9|@$E|1H|F|1I|1|1J]]|A|$]]|$1|P|3|-4|5|D|7|1K|8|@]|9|@]|A|$]]]|Q|$R|$5|S|T|U|A|$V|W]]|X|$5|S|T|U|A|$V|Y]]]]

<blockquote>
 The onfocus event occurs when an
 element receives focus either by the
 pointing device or by tabbing
 navigation. This attribute may be used
 with the following elements: A, AREA,
 LABEL, INPUT, SELECT, TEXTAREA, and
 BUTTON.
</blockquote>

Source: <a href="http://www.w3.org/TR/html4/interact/scripts.html#events" rel="nofollow">w3c HTML4 spec</a>

Neither a <code>div</code> nor an <code>img</code> can receive or lose focus, these are not interactive elements. You can enable them getting focus with setting <code>tabindex</code>.

<blockquote>
 there are nodes which are not
 focusable by default, like div, span,
 table, etc, but can receive focus if
 tabindex is applied
</blockquote>

Source: <a href="http://nemisj.com/focusable/" rel="nofollow">http://nemisj.com/focusable/</a>

blocks|key|2517498|text|W3C验证器是正确的，div标记没有onfocus或onblur作为属性。见此处：DIV.asp|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2517499|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3schools.com/tags/tag_DIV.asp^0|15|7|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

The W3C validator is correct, the div tag does not have onfocus or onblur as attributes.
See here:
<a href="http://www.w3schools.com/tags/tag_DIV.asp" rel="nofollow">http://www.w3schools.com/tags/tag_DIV.asp</a>

blocks|key|1320807|text|也许事件onmouseover和onmouseout就是你想要的|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|CODE|entityRanges|data|1320808|entityMap^0|4|B|G|A|4|B|G|A|0^^$0|@$1|2|3|4|5|6|7|I|8|@$9|J|A|K|B|C]|$9|L|A|M|B|C]|$9|N|A|O|B|D]|$9|P|A|Q|B|D]]|E|@]|F|$]]|$1|G|3|-4|5|6|7|R|8|@]|E|@]|F|$]]]|H|$]]

Maybe the events <code>onmouseover</code> and <code>onmouseout</code> are what you're looking for

blocks|key|2876497|text|您不应该对事件处理程序使用内联JS。使用不引人注目的javascript代替。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2876498|entityMap|0|LINK|mutability|MUTABLE|url|http://en.wikipedia.org/wiki/Unobtrusive_JavaScript^0|K|G|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

You should not use inline JS for your event handlers. Use <a href="http://en.wikipedia.org/wiki/Unobtrusive_JavaScript" rel="nofollow">unobtrusive javascript</a> instead.

blocks|key|1320858|text|Div标记没有焦点和onblur事件。请试一下鼠标，鼠标等。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1320859|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|$]]

Div Tag has no onfocus and onblur event. Please try mouseover ,mouseout etc..

blocks|key|2876359|text|你可以停止敲你的头，第一，它痛，第二，你不能对焦点或模糊的div元素。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2876360|检查da链接：W3C|offset|length|2876361|你想达到什么目的？|2876362|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3schools.com/tags/ref_eventattributes.asp^0|0|7|3|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@$D|R|E|S|1|T]]|A|$]]|$1|F|3|G|5|6|7|U|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|O]]]]

You can stop banging your head, first it hurts, secondly you can't ues onfocus or onblur on div elements.

Check da link:
<a href="http://www.w3schools.com/tags/ref_eventattributes.asp" rel="nofollow">W3C</a>

What are you trying to achieve?

I feel really stupid asking for this, but remarkably I'm banging my head for an hour already. Here is the code:
<pre><code>&lt;div id=&quot;img1&quot; onfocus=&quot;alert('test');&quot; onblur=&quot;alert('test');&quot;&gt;
 &lt;img id=&quot;image1&quot; name=&quot;image1&quot; src=&quot;image1.jpg&quot; alt=&quot;Pciture 1&quot;&gt;&amp;nbsp;
&lt;/div&gt;
</code></pre>
Both events (<code>Focus</code>/<code>Blur</code>) should call a function, but even this simple test (<code>alert</code>) doesn't work. Both of these tags are in the body section, tried changing the <code>DOCTYPE</code> definition - no effect.
W3 spew an error:
<blockquote>
there is no attribute &quot;ONFOCUS&quot;
</blockquote>
My main goal is to use the events directly on the <code>img</code> tags, but for some reason that doesn't work either.

OnFocus/OnBlur events not registered

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

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

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

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

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

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

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

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

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

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

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我真的觉得问这个很愚蠢，但值得注意的是，我已经敲了一个小时的头了。以下是代码：<div id="img1" onfocus="alert('test');" onblur="alert('test');"> <img id="image1" name="image1" src="image1.jpg" alt="Pciture 1">&nbsp;</div>这两个事件(Focus/Blur)都应

问OnFocus/OnBlur事件未注册
EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问OnFocus/OnBlur事件未注册EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问OnFocus/OnBlur事件未注册
EN