addEventListenerの変数値を取得する

Question

"clickListener"関数を実行した後、変数の値を "クリック"する方法を教えてください。これは間違いなく「クリックされた」変数のスコープに関する問題です。

var clicked = 'no'; 
focus(); 
listener = addEventListener('blur', clickListener); 
function clickListener(){ 
    if(document.activeElement == document.getElementById('someIframe')){ 
     clicked = 'yes'; 
     console.log(clicked); 
    } 
}; 

私はこれを実行するたびに、コンソールログ「はい」が、クリックが発生した後、私は、変数をチェックするとクリックした「outterは」いいえ、まだです。ここで

---

は私の問題のJSFiddleです：DIVの https://jsfiddle.net/6c3nbpk5/4/

1. オープンコンソール
2. 注意状態 "メッセージ"（ 'クリックされていない'）
3. クリックして、それのiframe内
4. コンソールに「Divメッセージ：クリック済み」と表示されることをご確認ください。
5. コンソールによって確認されたクリックに更新する必要があります。
6. 注意Divの "message"はまだ表示されません。

クリックすると更新するにはdivMessageが必要です。しかし、これはすべて複数のiframeを追跡する関数内にあり、変数をウィンドウに追加することはできません。

Answer 1

JavaScriptは関数スコープであり、現在の関数スコープで定義が見つからない場合は、スコープを確認します。

実際には、内部関数の外側のclickedの値を変更しています。

しかし、それはちょっと難しいように見えるかもしれません - タイミングについての感触を得るためにここを見てください - https://jsfiddle.net/6c3nbpk5/1/。

var clicked = 'no'; 
window.addEventListener('click', clickListener); 
function clickListener(){ 
     clicked = 'yes'; 
     window.alert(clicked); 
}; 
window.alert(clicked); 

Answer 2

addEventListenerイベントターゲットから呼び出されなければならない機能です。あなたはそれを何かに等しくするべきではありません。例えば

、あなたはdiv要素を持っているANあなたはそれがクリックされたかどうかを判断する変数を格納したいとしましょう：

var div = document.querySelector('div'); // grabs the first div 
var clicked = false; 

div.addEventListener('click', function() { 
    clicked = true; 
}); 

注：何あなたのコードは、現在のイベントリスナーを登録してやっていますwindowにターゲットを指定していないので、javascriptはwindowと仮定しています。

このように、ページ上の任意のぼかしイベントは、コールバックを発生させます。これが意図された動作であれば、達成しようとしていることをより具体的に説明してください。その問題をデバッグするのに役立ちます。

ぼかしイベントではなくクリックイベントを使用する必要があります。同じ結果を得るためには、ブッシュの周りをちょうど打ち負かすだけです。