js でクリック イベントをバインドする方法 (詳細なチュートリアル)

亚连
リリース: 2018-06-12 11:56:35
オリジナル
3448 人が閲覧しました

この記事では、サンプル コードを使用して、クリック イベントを js インデックス添字の li コレクションにバインドするための関連知識を説明します。このコードはシンプルで理解しやすく、必要とする友人にとっては参考になります。参考にしてください

クリックイベントをliコレクションにバインドする方法をEveryoneに紹介するコードです:

//Method-1:
var items = document.getElementsByTagName('li');
  for(var i=0;i<items.length;i++){
    items[i].index = i;
    items[i].onclick = function(){
      this.innerHTML = this.index;
  }
}
//Method-2:
var items = document.getElementsByTagName(&#39;li&#39;);
  for(var i = 0; i<items.length; i++){
    (function(index){
      items[i].onclick = function(){
      this.innerHTML = index;
    }
  })(i)
}
//Method-3:
var items = document.getElementsByTagName(&#39;li&#39;);
for(var i = 0; i<items.length; i++){
  items[i].onclick = function(index){
    return function(){
      this.innerHTML = index;
    }
  }(i)
}
ログイン後にコピー

上記は私があなたのためにコンパイルしたものです。これからのあなたへ。

関連記事:

Node.jsのサブプロセスのアプリケーションシナリオとは何ですか?

nodeJsのファイルシステムとフローの詳細な解釈

Javascriptのデバッグコマンドとは何ですか?

node.jsでhttpモジュールを使用する方法

jsを使用してWeChatでアプリを呼び出すにはどうすればよいですか?

cli を使用して vue で複数ページのスキャフォールディングを再構築する方法

JS でドラッグしてオブジェクトのサイズを変更する方法

以上がjs でクリック イベントをバインドする方法 (詳細なチュートリアル)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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