javascript - 在 IE 上滚动 div 时触发模糊事件

Question

我有一个文本框，只要用户输入内容，文本框上方就会显示一些建议。这些建议被包裹在一个“div”中，如果它们超过某个高度则可以滚动。

inputFld.on("blur", function(){
//Some code to close the suggestion div if clicked outside inputFld (with check for click on any suggestion item)
});

因此，如果点击在 inputFld 之外，上面的代码会隐藏“建议”div 包装器。

现在的问题是当有很多建议项时我会得到一个滚动条。如果我尝试在 IE 上滚动浏览项目，则会触发模糊事件并关闭建议包装器 div。

虽然这不会发生在其他浏览器上。

我如何在 IE 上处理这个问题？

Answer 1

您可以 try catch 所有点击并检查点击是否针对您的建议 div 之外的其他内容:

$("body").bind('click', function(e) {

    var target_div_id = e.target.id; //get ID of clicked element

    if (target_div_id !== 'suggestion_div') { //check whether clicked element = suggestion_div

        $('#suggestion_div').hide();

    }

});