私たちはこのオープンソースプロジェクトを世界中の人々に提供したいと考えています。このチュートリアルの内容をあなたが知っている言語に翻訳するのを手伝ってください。mouseenter/leaveマウスが要素間を移動するときに起こるイベントについての詳細を見ていきましょう。そこを離れるときです。持っているという点で特別です。マウスが来た要素です。マウスが来た元の要素です(どこから来たか)。マウスが離れた要素です。新たなポインタの下の要素です(マウスが向かった要素)下の例では、それぞれの顔が要素です。マウスを移動させると、テキストエリアでイベントが見えます。各イベントは要素が来た場所や、どこから来たかについての情報を持っています。それは正常なことで、単にマウスが別の要素から来たのではなく、ウィンドウの外から来たことを意味します。ウィンドウから出たことを意味します。使うときは,その可能性を心に留めておく必要があります。アクセスすると、エラーになるでしょう。イベントはマウスの移動時にトリガされます。すべてのピクセル単位の移動でイベントが発生する訳ではありません。ブラウザは時々マウスの位置をチェックします。変更に気づいた場合、イベントをトリガします。要素はスキップされる可能性があることを意味します。スキップされる可能性があります。トリガするかもしれません。実際には、これは間に多くの要素がある場合に役立ちます。私たちは本当にそれぞれのIn/Outを処理したくはありません。その反面、マウスがあるイベントから別のイベントへゆっくり移動することは想定できないことに留意する必要があります。ウィンドウの外からページ中央にカーソルが移動することもあり得ます。it.下のテストスタンドで、実際に確認してみてください。マウスをすばやく移動させると、イベントはまったく起きないかもしれません。イベントをトリガするかもしれません。通って下に移動してみてください。移動が十分速い場合、親要素は無視されます。マウスポインタが要素に入りました。その後、カーソルが子要素へ行きます。その場合にトリガすることです。起きます!奇妙に見えますが、簡単に説明する事ができます。したがって、別の要素(子孫だとしても)へ行く場合は前の要素を離れます。下の例で見ることができる面白い結果があります。ハンドラを持っています。イベントを見てください。得ます(親を離れます)。そこへ戻ってきたように見えます。シンプルな物事に対して気づかない可能性があります。複雑な物事に対しては、望ましくない副作用を引き起こす可能性があります。イベントを使用して修正できます。それらもマウスポインタが要素を出入りするときにトリガされます。:要素内の遷移はカウントされません。これらのイベントは直感的に非常に明確です。トリガし、次に要素内でどこに行こうと関係はありません。イベントはカーソルがそこを離れるときにだけトリガします。入ったり出たりするときのみイベントをトリガするのが分かります。行くときや戻るときに余分なイベントはありません。非常にシンプルで使いやすいです。それらはバブルしません。そのため、それらにイベント移譲を使えません。テーブルセルに対してマウスの出入りを処理したいと想像してください。何百ものセルがあります。ハンドラを設定し、そこでイベントを処理することです。ハンドラだけがそのイベントをキャッチできます。対するハンドラは、テーブル全体の出入りでのみトリガします。その内側の遷移に関する情報を取得することはできません。src="script.js"></script></body></html>これらのハンドラは、任意の要素からテーブルの内側で行くときに動作します。出入りする遷移のみを処理したいと考えています。セル全体を強調表示します。子の間で起こる遷移を処理したくありません。中にいる場合はイベントを無視します。離れなかった場合には無視します。イベントをフィルタします。すべての詳細を含む完全な例を次に示します。src="script.js"></script></body></html>カーソルを、テーブルセルやその内側の内外に移動させてみてください。強調表示されています。対し、中間要素をスキップすることができます。いう追加のターゲットを持っています。親要素から子要素に移動してもトリガされます。マウスは、一度に1つの要素、つまり最も深い要素を想定します。バブルしないので、マウスが子要素に行くときにはトリガしません。それらは、マウスが要素全体の内側と外側のどちらに来るのかを追跡します。似ていますが、ここでは注釈付き要素はネストできます。深くネストしたツールチップが表示されます。同時に1つのツールチップだけ表示します。移動させた場合、その上にツールチップを表示する関数を書いてください。ツールチップを表示します。マウスをすばやく移動させた場合にはそれは必要ありません。誰が余分な点滅を必要とするでしょうか?技術的には、要素上のマウス速度を測る事ができます。