JavaScriptの.onclickイベントをデバッグするにはどうすればよいですか?

user3700824

ページが完全に読み込まれたときに実行されるコードがあります。次に、この関数はHTMLページのすべてのボタン要素を収集します。ここから、各ボタンのtitle属性を取得することをループonclickしてからconsole.log、タイトルを付けてに書き込む関数と同じイベントをボタンに割り当てます

私はこれを行うためのさまざまな方法を試しましたが、機能していません。これが私が使っているJavaScriptコードです。現在、関数を呼び出してタイルをに記録することをループするconsole.logだけですが、これは発生しないはずです。ボタンをクリックするたびに、そのタイトルで関数を呼び出し、それをログに記録する必要があります。

window.onload = myPageIsReady;

function myPageIsReady(){

    var myList = document.getElementsByTagName("button");
    var myTitle = [];


    for(var i = 0; i < myList.length; i++){ 
        myTitle[i] = myList[i].getAttribute("title");       
        myList[i].onclick = getMyTitle(myTitle[i]);
    };

    function getMyTitle(myTitle){
        console.log(myTitle);
    };

};
Nick Avi

私をクレイジーと呼んでくださいが...

var myList = document.getElementsByTagName("button");


for(var i = 0; i < myList.length; i++){ 
    myList[i].onclick = function(){
        console.log(this.getAttribute("title"));
    }
};

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

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

編集
0

コメントを追加

0

関連記事

分類Dev

JavaScriptでイベントのバブリングを停止するにはどうすればよいですか?

分類Dev

onclickイベントにJavaScriptでhtmlの要素を使用するにはどうすればよいですか?

分類Dev

「onclick = xxx」を持つ要素のクリックイベントのバインドを解除するにはどうすればよいですか?

分類Dev

HTML選択タグのonclickイベントをオーバーライドするにはどうすればよいですか?

分類Dev

JavaScriptでonclickイベントを適切に作成するにはどうすればよいですか?

分類Dev

キーイベントバインディングによってtkinterクラスの画像を更新するにはどうすればよいですか?

分類Dev

すべての<a>に自己参照onclickイベントを追加するにはどうすればよいですか?

分類Dev

単一のJavascriptファイルをデバッグするにはどうすればよいですか?

分類Dev

PHPコマンドラインから最大のデバッグ/ログレベル出力を設定するにはどうすればよいですか?

分類Dev

Flowplayer javascript APIを使用して埋め込まれたビデオのonclickイベントを作成するにはどうすればよいですか?

分類Dev

同じ関数の.appendChildに「onclick」イベントを追加するにはどうすればよいですか?

分類Dev

reactjsのdangerouslysetInnerHtmlによってレンダリングされた文字列にonclickイベントを追加するにはどうすればよいですか?

分類Dev

インテント解決のためにデバッグログをフィルタリング(LogCat)するにはどうすればよいですか?

分類Dev

onclickイベントでJavascriptを使用してクリックされた要素のIDを選択させるにはどうすればよいですか?

分類Dev

これをjQueryのイベントにバインドするにはどうすればよいですか?

分類Dev

データベースのonclickを更新するインクリメントボタンをCodeigniterで作成するにはどうすればよいですか?

分類Dev

Javaで「イベント駆動型」のバックグラウンドスレッドを作成するにはどうすればよいですか?

分類Dev

モバイル向けのAngularでロングクリックイベントを処理するにはどうすればよいですか?

分類Dev

Firebase AnonymousログインでSignOutイベントのコールバックを登録するにはどうすればよいですか?

分類Dev

gwt:別のイベントでonClickによって作成されたウィジェットを使用するにはどうすればよいですか?

分類Dev

Chart.jsで折れ線グラフデータセットのポイントラベルを表示するにはどうすればよいですか?

分類Dev

ElmのキャンバスシェイプにonClickイベントハンドラーを追加するにはどうすればよいですか?

分類Dev

単一のラケットのマッチパターンでバインディングを数回使用するにはどうすればよいですか?

分類Dev

JavaFXでスプリットペインディバイダーのドラッグを無効にするにはどうすればよいですか?

分類Dev

アトムのキーバインディングリゾルバーポップアップを削除するにはどうすればよいですか?

分類Dev

MouseDownイベントではなく、MouseUpイベントでDataGridView列のインデックスを取得するにはどうすればよいですか?

分類Dev

角度コントロールの値をバインディングにリセットするにはどうすればよいですか?

分類Dev

プロローグのデバッグでブレークポイントを行に設定するにはどうすればよいですか?

分類Dev

jQueryデータ処理をopenWeatherAPIのノックアウトバインディングに変更するにはどうすればよいですか?

Related 関連記事

  1. 1

    JavaScriptでイベントのバブリングを停止するにはどうすればよいですか?

  2. 2

    onclickイベントにJavaScriptでhtmlの要素を使用するにはどうすればよいですか?

  3. 3

    「onclick = xxx」を持つ要素のクリックイベントのバインドを解除するにはどうすればよいですか?

  4. 4

    HTML選択タグのonclickイベントをオーバーライドするにはどうすればよいですか?

  5. 5

    JavaScriptでonclickイベントを適切に作成するにはどうすればよいですか?

  6. 6

    キーイベントバインディングによってtkinterクラスの画像を更新するにはどうすればよいですか?

  7. 7

    すべての<a>に自己参照onclickイベントを追加するにはどうすればよいですか?

  8. 8

    単一のJavascriptファイルをデバッグするにはどうすればよいですか?

  9. 9

    PHPコマンドラインから最大のデバッグ/ログレベル出力を設定するにはどうすればよいですか?

  10. 10

    Flowplayer javascript APIを使用して埋め込まれたビデオのonclickイベントを作成するにはどうすればよいですか?

  11. 11

    同じ関数の.appendChildに「onclick」イベントを追加するにはどうすればよいですか?

  12. 12

    reactjsのdangerouslysetInnerHtmlによってレンダリングされた文字列にonclickイベントを追加するにはどうすればよいですか?

  13. 13

    インテント解決のためにデバッグログをフィルタリング(LogCat)するにはどうすればよいですか?

  14. 14

    onclickイベントでJavascriptを使用してクリックされた要素のIDを選択させるにはどうすればよいですか?

  15. 15

    これをjQueryのイベントにバインドするにはどうすればよいですか?

  16. 16

    データベースのonclickを更新するインクリメントボタンをCodeigniterで作成するにはどうすればよいですか?

  17. 17

    Javaで「イベント駆動型」のバックグラウンドスレッドを作成するにはどうすればよいですか?

  18. 18

    モバイル向けのAngularでロングクリックイベントを処理するにはどうすればよいですか?

  19. 19

    Firebase AnonymousログインでSignOutイベントのコールバックを登録するにはどうすればよいですか?

  20. 20

    gwt:別のイベントでonClickによって作成されたウィジェットを使用するにはどうすればよいですか?

  21. 21

    Chart.jsで折れ線グラフデータセットのポイントラベルを表示するにはどうすればよいですか?

  22. 22

    ElmのキャンバスシェイプにonClickイベントハンドラーを追加するにはどうすればよいですか?

  23. 23

    単一のラケットのマッチパターンでバインディングを数回使用するにはどうすればよいですか?

  24. 24

    JavaFXでスプリットペインディバイダーのドラッグを無効にするにはどうすればよいですか?

  25. 25

    アトムのキーバインディングリゾルバーポップアップを削除するにはどうすればよいですか?

  26. 26

    MouseDownイベントではなく、MouseUpイベントでDataGridView列のインデックスを取得するにはどうすればよいですか?

  27. 27

    角度コントロールの値をバインディングにリセットするにはどうすればよいですか?

  28. 28

    プロローグのデバッグでブレークポイントを行に設定するにはどうすればよいですか?

  29. 29

    jQueryデータ処理をopenWeatherAPIのノックアウトバインディングに変更するにはどうすればよいですか?

ホットタグ

アーカイブ