某个 div 没有引发事件

Question

问题：

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

详情：

除了 id
我的 Javascript 代码已经过测试可以正常工作
两个 div 位于同一个父容器中
更改事件类型没有帮助

[编辑3]本题难度：

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

[编辑 2] 另一个视频：

请观看此视频，我会尝试解释发生了什么：

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

[编辑 1] 更多资源：

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

这是一个包含完整源代码的 git 存储库：

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';
}

Answer 1

解决方法：

在文件的顶部，我将 <!DOCTYPE = html> 更改为 <!DOCTYPE html>

详情：

这导致我需要稍微更改字体大小，但现在可以了。

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

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

某个 div 没有引发事件

A certain div isn't raising an event

javascript

html

dom-events

onmouseover