Geek Answers Handbook

How to hide text cursor under div element

enter image description here

I am new to CSS and javascript.
I have one search text box in which I can add any search value. After entering the wrong value, one pop-up div appears and says "no records were found" (with a close button to close the div). after I placed the cursor in the text box without closing the popup. my cursor is displayed above the div field.
| ------------------ | search box | | ------------------ |

Css text box properties.

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

My div element is css prop:

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

How to hide cursor under div.Issue element only happens in IE

I created a small jsfiddle.Issue in IE 8 but not FF http://jsfiddle.net/raj31/LUaej/1/

+2
source share
4 answers

I created a small fiddle that I believe reproduces your problem.

I think the solution may be to simply blur the search box when showing the dialog, as it was on the third line (comment this to get your problem):

  $('.seach').blur()
+1
source

You can move the cursor by focusing your new div. It worked for me, I close the div, which includes usernames and password after authentication. After entering the key, the cursor blinked, but I focused the logo on the callback function in the auth function. Now it's ok

0
source

I know I'm late, but I just solved this error using document.activeElement.blur(); .

0
source

More articles:


All Articles