ホームページ > ウェブフロントエンド > jsチュートリアル > ネイティブ js は単純なカプセル化メソッドを実装します

ネイティブ js は単純なカプセル化メソッドを実装します

小云云
リリース: 2018-02-28 11:42:50
オリジナル
1763 人が閲覧しました

この記事では主にネイティブ JS の簡単なカプセル化方法を説明します。共有されたコードが役立つことを願っています。

const ListenerFN = function ({ target, event, FN, option = {} }) {
  if (target, event, FN) Error('target, event, FN');
  target.addEventListener(event, FN, option);
  return function () {
    target.removeEventListener(event, FN);
  };
};
ログイン後にコピー

DOM オブジェクトを渡し、イベントをトリガーし、コールバック メソッドを渡すと、パラメータを渡す必要があります。

const removeFN = ListenerFN({
      target,
      FN,
      event,
 });
ログイン後にコピー

再度実行すると、バインディングが削除されます。関連する推奨事項:

WeChat ミニ プログラムで複数のファイルをダウンロードするための単純なカプセル化の例

php は、いくつかの一般的な JS 操作を単純にカプセル化します_PHP チュートリアル

Ajax の単純なカプセル化の詳細な紹介

以上がネイティブ js は単純なカプセル化メソッドを実装しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート