JavaScript：Popup Bubbleのmouseoutイベントで子供が隠れる

Question

イベントの伝播に問題があります。 mouseover子要素がdescription divの場合、description divとmouseoveredの子はdisplay:none;となります。このイベントが発生すると、選択した子はページが更新されるまで非表示になります。ここで は「作業」のデモです：

jsfiddle

私はmouseoutがdescriptionが見つからない場合には、直ちにトリガーどここの主な原因はjsfiddleのどこかに私のJSコードの行8-15の間であると信じていますマウスカーソルの下のdiv。

:beforeにdescription divを追加するとエレガントな回避策が見つかりませんでした。この回避策はjsfiddle CSSセクションでコメントされています。これは残念なことにポップアップバブルで何かをするのを防ぐ（hrefのように）。私はこれを回避することなく、シンプルで機能的にしておきたいと思います。

Answer 1

mouseleaveを使用し、e.targetの代わりにtargetを使用します。 e.targetはあなたがホバリングしているものと等しくなります。

https://jsfiddle.net/gfvq9yvp/6/

 e.target.children[a].addEventListener("mouseleave",function(e){ 
     this.style.display="none"; 
    }, false);