某个 div 没有引发事件答案

【问题标题】：A certain div isn't raising an event某个 div 没有引发事件
【发布时间】：2016-05-07 10:50:40
【问题描述】：

问题：

一个 HTML div 没有像另一个一样在 mouseover 上引发事件。

详情：

除了 id 之外，两个 div 在各方面都相同
我的 Javascript 代码已经过测试，可以正常工作
两个 div 位于同一个父容器中
更改事件类型无济于事

[编辑3]本题难度：

这个问题很难解决，因为人们用来解决此类问题的 fiddle 等网站实际上并没有顶部的 <!DOCTYPE> 声明。

[编辑 2] 另一个视频：

请在我尝试解释发生的情况时观看此视频：

https://solomonbroadbentnz-gmail.tinytake.com/sf/NjQ0OTE2XzMxMzM0NTM

[编辑 1] 更多资源：

显然，我没有很好地解决这个问题，因为它没有得到一些人的好评。

这是一个带有完整源代码的 git repo：

https://github.com/solomonbroadbent/test

以及该问题的视频：

https://solomonbroadbentnz-gmail.tinytake.com/sf/NjQ0NTg4XzMxMzI2OTM

我正在积极尝试改进这个问题，因此欢迎提出任何建议。

代码：

这基本上是正在发生的事情：

<!--Necessary HTML code...-->
    <div id='divA' onmouseover='abitraryJSFunction()'></div> <!--event works-->
    <div i='divB' onmouseover='abitraryJSFunction()'></div> <!--event fails-->
    <!-- javascript file call -->
<!--Neccisary HTML code...-->

更具体的代码：

这就是我真正想要实现的目标：

HTML

<div id='leftDiv' onmouseover='showDragTab()'>
</div>
<div id='pageDiv' onmouseover='hideDragTab()'>
</div>
<div id='dragTab'>
</div>

Javascript

function showDragTab() 
{
    myDragTab.style.visibility = 'visible';
}
function hideDragTab()
{
    myDragTab.style.visibility = 'hidden';
}

【问题讨论】：

什么是</>？以</div>.. 正确关闭您的 div
为什么投反对票？如果我可以问，我很乐意调整我的帖子...
即使我修复了明显的语法错误，things work as expected。如果可能，请确保您的问题包含minimal reproducible example。
@Jeroen 我正在处理它
请在小提琴中重现问题..

标签： javascript html dom-events onmouseover

【解决方案1】：

解决方案：

在文件的顶部，我把<!DOCTYPE = html>改成了<!DOCTYPE html>

详情：

这导致我需要稍微改变我的字体大小，但它现在可以工作了。

[编辑]：这就是全部。使用我以前版本的 git repo，我什至可以证明我的代码在整个过程中都是正确的......

感谢大家对这个问题的帮助，尤其是 SO 用户 Damon。

【讨论】：