3

在此处输入图像描述

我是 CSS 和 javascript 的新手。
我有一个搜索文本框，可以在其中添加任何搜索值。输入错误值后，会弹出一个 div 并显示“未找到记录”（使用关闭按钮关闭 div）。在我将光标放在文本框上而不关闭弹出窗口之后。我的光标显示在 div 框上方。
|-----------------|搜索框
|-----------------|

我的文本框 css 属性。

z-index: 200630; position: absolute; width: 149px; height: 21px;
overflow: visible; top: 0px; cursor: default; left: 0px;

我的 div 元素 css 道具：

z-index: 201350; position: absolute; width: 270px; height: 20px;
overflow: hidden; top: 0px; cursor: default; left: 0px;

如何在 div 元素下方隐藏光标。问题仅在 IE 中出现

我创建了小的 jsfiddle。问题发生在 IE 8 中，而不是 FF http://jsfiddle.net/raj31/LUaej/1/

4

4 回答 4

1

我创建了一个小小提琴，我相信它会重现您的问题。

我认为解决方案可能是在显示对话框时简单地模糊搜索字段，就像我在第 3 行中所做的那样（将其注释掉以解决您的问题）：

 $('.seach').blur()
于 2013-07-19T08:52:49.587 回答
0

无法使用可用的 IE..

见参考

https://connect.microsoft.com/IE/feedback/details/841043/blinking-text-cursor-overlapping-with-div

于 2015-02-05T10:53:21.030 回答
0

聚焦新 div 时可以关闭光标。它对我有用，我正在关闭一个 div，其中包括身份验证后的用户名和密码输入。回车键后，光标闪烁，但是，我将徽标集中在 auth 函数的回调函数中。现在好了

于 2015-07-03T09:00:52.837 回答
0

我知道我迟到了，但我刚刚使用document.activeElement.blur();.

于 2016-11-01T18:30:37.217 回答