javascript – 在IE上滚动div的模糊事件

2023年8月19日 188次阅读

我有一个文本框,只要用户输入内容,就会在文本框上方显示一些建议.这些建议包含在“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上处理这个？

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

    }

});
点赞