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之外，它会隐藏“advice”div包装器。

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

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

如何在IE上处理此问题？

Answer 1

您可以尝试捕获所有点击，并检查点击是否是您的建议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();

    }

});

在IE上滚动div的模糊事件

1 个答案: