关于下拉框的模糊事件

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(){
        ..................
  });