关于下拉框的模糊事件

Question

我想在下拉框外单击时执行Php代码，我正在使用此代码：

$(function(){
  $('#right').on('click', '.categ', function(){
    var $p = $(this);

    /*if(/<input type="text"/.test(old))
      return;*/

    $p.load( "drop_down1.php")
       .find('select')
       .focus()
       .on('blur', function(){
         var value = this.value;
         var tex = this.text;
         $.post('listener_updates.php', {categ: value})
          .done(function(){
            $p.html(tex);
          })
          .fail(function(){
            alert('Could not update title');
          });
       });
  });
});

此代码在点击div时通过下拉框替换div，无论第一部分它工作正常，但是一旦我点击它就出现下拉框，它会显示列表但是一旦我停止点击，列表关闭，没有给我时间选择我想要的对象，当我在框外点击没有什么可以阻止列表保持在那里它应该消失并将我选择的内容放在其位置。

Answer 1

您需要使用blur事件。

 $('#right').on('blur', '.categ', function(){
        ..................
  });