1

これが問題です。Firefox (Windows)は、select が開いているときに、ドキュメントのクリック イベントをトリガーしません。選択を閉じるだけで、次のクリックのみがクリックとしてカウントされます。

再現するには:

  1. [選択] をクリックします (ドロップダウン メニューが表示されます)。
  2. ドロップダウン メニューの外側のドキュメントの外側をクリックします (選択すると閉じられます)。

ただし、2 回目のクリックでは、ドキュメントのクリック イベントはトリガーされません。

このYoutube ビデオでわかるように、クリック数は 3 ですがイベントは 2 です。

jsFiddle のデモ

HTML

<select>
    <option value="1">Value1</option>
    <option value="2">Value2</option>
    <option value="3">Value3</option>
</select>
<div id="debug"></div>

JS

var n = 0;
$(document).ready(function(){
    $('select').click(function(e){
      e.stopPropagation();
      n++;
      $('#debug').text('select clicked ' + n);
    });

    $(document).click(function(){
        n++;        
        $('#debug').text('document clicked '+ n);
    });
})
4

0 に答える 0