Chrome@Win10x64を使用しています。
以下のプログラムで、「1」はコンソールログに出力されますが、「2」は出力されません。
何故か、どうしたら出力されるか、をご教授いただけますと幸いです。
HTML
1<!doctype html> 2<html> 3 <body> 4 <img src="https://pbs.twimg.com/media/CqJTFkiUsAAiSx3.jpg" id="target" draggable="false" width="800px"> 5 <img src="http://img.moeimg.net/wp-content/uploads/archives/6739/1_91209xfvjw.jpg" id="target" draggable="false" width="800px"> 6 <script src="test.js"></script> 7 </body> 8</html>
Javascript
1function func(event) 2{ 3 console.log("1"); 4} 5 6function Start(event) 7{ 8 console.log("2"); 9 func(event); 10} 11 12var elms = document.getElementsByTagName("img"); 13elms = [].slice.call(elms); 14var cols = document.querySelectorAll('#target'); 15[].forEach.call 16(cols, function(col) 17 { 18 col.addEventListener('pointerdown', func, false); 19 } 20);
たとえば、次のサイトを参考にしてみてください。問題個所の前後にブレークポイントを設置することで、一行一行実行してみておかしいところがないか変数を確認したり、実行順を確認できたりします。 今回の場合、「出力されていない⇒メソッドを呼んでいる所を確認する⇒そもそも呼んでないやん」 と、いう流れで、デバッガを使うようなデバッグではありませんが…以上のような流れで確認すれば一発でわかりそうです。
(1)https://qiita.com/snoguchi/items/8f6bb62a3166eca23ac3#%E3%83%96%E3%83%AC%E3%83%BC%E3%82%AF%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88%E3%82%92%E4%BD%BF%E3%81%86、(2)https://postd.cc/how-to-not-hate-javascript-tips-from-the-frontline/
Javascriptでもブレイクポイントって置けるんですね。リンク先にあるいろいろな方法についても勉強したいと思います。ありがとうございました。
回答2件
あなたの回答
tips
プレビュー