Javascript 如何为标记使用模糊事件

当我点击屏幕上除图像以外的任何地方时，我需要关闭一个div。onblur函数甚至没有调用警报。请帮忙

$'.myClass'。关于“模糊”，函数{ 警报测试； $'.divClass'.hide； }; 默认情况下，无法为元素指定焦点。如果它们不能聚焦，那么它们就不能失去聚焦，从而触发模糊事件。虽然您可以使用tabindex来改变这一点，但您还需要做一些其他工作，例如添加ARIA以使其可访问。您最好从使用语义HTML开始

用一个元素来包装。 将事件处理程序从img移动到按钮 应用CSS删除尽可能多的默认样式，如边框和按钮的背景颜色。 默认情况下，img元素不能具有焦点，因此代理无法触发模糊事件。为了解决这个问题，您可以向img添加一个tabindex属性，以便可以选择它。然后它将触发模糊事件

请注意，这可能会干扰屏幕阅读器和其他辅助工具的行为，具体取决于页面的结构和内容，因此请小心使用此技术

$'.myClass'。关于“模糊”，函数{ 控制台日志测试； $'.divClass'.hide； }; .myClass{ 利润率顶部：-42px！重要； 左边距：145px！重要； 位置：相对位置； 大纲：0； } 当img失去焦点时，我将隐藏…您可以使用按钮元素包装img。然后，您可以在按钮上触发模糊和聚焦事件，因为默认情况下img没有模糊事件

$'.myClass'。关于“模糊”，函数{ $'.divClass'.hide； }; .btn forimg{ 填充：0； 保证金：0； 边界：无； 盒影：无； 大纲：无； }

---

当按钮模糊时，这个div将消失。我不认为图像有模糊事件，模糊主要用于输入和文本字段。尝试单击以代替模糊，您在html中定义的imageWhere.myClass？@RaeeshAlam就在img标记中，您可以通过button元素实现，因此不需要在img上使用onclick属性，您需要将img包装在button内。