やりたかった
input タグの
挙動を
OS と Chrome の Version
OS の
verison Mac Siera です。 sw_vers -productVersion -------------------------- 10.12.6 --------------------------
Chrome の
verison
60.0.3112.78
です。
参考
やりたかった こと
画面に
monitorEvents の 挙動
複数の
タグに 対して monitorEvents は 設定できない。
以下のコードは エラーにはなりませんが、 監視対象と して 登録も されません。 inputs = document.querySelectorAll("input"); monitorEvents(inputs);
for 文で
回しても 駄目 ( おそらく 最後の monitorEvents のみ 有効に なる) inputs = document.querySelectorAll("input"); for (var input in inputs) { monitorEvents(input); }
単一の
タグであれば 監視対象に できる input = document.querySelector("#id"); monitorEvents(input);
やりたかった ことを 実現するのに 取った 方法
addEventListener で
- addEventListener で
focusout 時に ログ出力する document.addEventListener('focusout', function(e) { var contentDocument = e.target; if ("INPUT" == contentDocument.tagName) { console.log(e.type + " event was fired on tag " + contentDocument.name); } });
addEventListener
だと、
これで
ただ、
原因調査と
複数要素どうしの
以上です。
コメント