如果点击/聚焦div,则不应触发jQuery模糊

Question

我有一个标准的文本输入,有一个模糊事件.单击文档中的任何内容(输入AND <div id='show-anyways'></div>除外)时,应触发blur事件.

我的问题是我不知道如何添加<div id='show-anyways'></div>以否定模糊事件功能.

希望我已经解释得很好,我知道这有点奇怪.如果您需要更多信息,请告诉我.

Answer 1

使用事件目标确定单击的内容.以下将跟踪文档的所有点击,如果元素是DIV或输入,则不会触发blur().

var $input=$( '#MY-Input-ID');

$(document).click(function(evt){
   var $tgt=$(evt.target);
   if( !$tgt.is( '#show-anyways') && !$tgt.is($input) ){
         $input.blur()
    }
})

它不会触发具有任何preventPropogation设置的元素.