在svg元素中添加鼠标事件侦听器的麻烦

Question

i不能触发SVG元素的事件。我在这里有以下jsfiddle：https：//jsfiddle.net/r1ahq5sa/

html。

<div class="row">
  <div class="col-md-8">
    <svg class="video-nav-bar-container">
      <rect id="nav-bar" class="video-nav-bar" rx="20" ry="20"/>
    </svg>
  </div>
</div>

脚本部分。

    var navBar = document.getElementById('nav-bar');
    navBar.addEventListener('moveover', function() {
      alert('It works!');
    });

我无法让Mouseover事件开火，并感觉像一个完整的菜鸟。任何提示都将不胜感激。

Answer 1

事件名称是错误的，应该为'鼠标'。

navBar.addEventListener('mouseover', function() {
      alert('It works!');
});