"return false" がスクリプトを最適化する方法

debugcn 投稿 Dev

ジェームズ

だから私はこれを読んでいます https://code.tutsplus.com/tutorials/10-ways-to-instantly-increase-your-jquery-performance--net-5551、#9、以下に再現、私は完全にそうではありませんわかりました、誰かが私に説明してくれますか (以下の説明とは異なる方法で)?

False を返す関数が false を返さないときはいつでも、ページの先頭にジャンプすることに気付いたかもしれません。長いページを処理する場合、この結果は非常に迷惑です。

だから、代わりに

$('#item').click (function () {
  // stuff here
});

書く

$('#item').click (function () {
  // stuff here
  return false;
});

vol7ron

が#itemhrefを持つアンカー要素である場合、次のことがほとんど当てはまります。これは、次のようなものです<a href="#" id="item">

return falseイベントハンドラ内に相当しevent.preventDefault()そしてevent.stopPropagation()、に行くこの場合には、ネイティブのアクションのデフォルトの実行を防止する#ハイパーテキストリファレンスともバブルアップからイベントを停止します。

CSS Tricks には ( と比較してevent.preventDefault())適切な説明があります。

違いは false を返すことです。イベントが DOM を伝播 (または「バブリング」) することも防止するという点で、もう少し進んでいます。これは、要素でイベントが発生するたびに、そのイベントがすべての親要素でもトリガーされるということです。それでは、箱の中に箱があるとしましょう。両方のボックスにクリックイベントがあります。伝播を防止しない限り、内側のボックスをクリックすると、外側のボックスでもクリックがトリガーされます。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]