I am trying to use onblur event to close a window. Its working fine in IE, Firefox and safari, but the event does not trigger in chrome. is that a bug in chrome or a mistake from me
I realize this was over a year ago, but it showed up for me in Google while trying to solve this same issue.
It seems Chrome does not consider some elements, like body and anchors, to be "focusable". According to the following page, you can make any element focusable (thereby activating the blur event) by setting the tabindex attribute: http://www.quirksmode.org/dom/events/blurfocus.html
Like so:
blur me
Just ran into this issue...
onBlur (with a capital "B") doesn't work, but onblur (lowercase "b") does. Go figure! ;-/
Chrome accepts OnBlur event. what i have experience is... on check or uncheck of checkbox, chrome do not focus on it.
Add attribute
onclick="this.focus()" onblur="yourMethod()"/>
you will see it work fine then.
Related
I have a simple form in an iframe.
For demo purposes it only has a select and two text inputs.
After a fresh load I can open the dropdown.
As soon as I have clicked in an input field and that input field got the focus I cannot use the dropdown anymore.
It always immediately loses its focus to the last text input I have used.
You can see a demo here:
https://iframe.testlive.net/
This seems to be a Chrome issue (latest Chrome version on Windows 11).
There is no problem with Firefox and interestingly also no issue with Edge.
Any ideas?
Ok, it looks as if this issue is caused by a Chrome plugin: Enpass Password Manager.
I will file a bug report with Enpass.
I used html5 input type="date" https://www.w3schools.com/tags/att_input_type_date.asp
On the Firefox when click inside input field, the calendar will be show, but on Chrome the calendar do not show, I have to click arrow button.
How can I make it work as Firefox?
Thanks
clean cache memory and try it again or try it another version of firefox. thank you
I tested the link you post in my Google Chrome version 65.0.3325.181 and it works perfectly.
Try to update and restart your navigator and if it doesn't work, clean the caches.
once check your installed extension in chrome, if you have any additional virtual keyboard etc.. turn off and checked
I have faced the same issue only my system date field not working other all system it working, even in mobile also work properly, so once I setting check with the extension now it;'s working
I'm having trouble with a form in IE8. The input fields show the clear button like in the image below:
The solution I found in the web is to introduce this in my css:
.someinput::-ms-clear {
display: none;
}
But unfortunately this doesn't work in IE8.
I would like to make this button disappear because IE8 doesn't handle well the change event either to check when the field is cleared. (In IE8 the click event can be used, but when the handler is called the value is still not cleared)
Does anybody know how to solve this issue in IE8? Thanks!
This issue only happens when using the emulator in latest version of Internet Explorer.
In IE8 there are no clear buttons in form inputs.
I'm using Boostrap on a simple sign-up form and I'd like to setup the order of the tabbing order. It currently skips the "Sign up" button.
I did added tabindex="1" for each input field (e.g. 2, 3, etc.), including the submit button, but it doesn't works.
Here's a jsFiddle.
It seems to work in Opera, but not in Safari or Chrome. Any work-arounds?
UPDATE: Works in Chrome, Opera, but not Safari.
There is nothing wrong with your code. I would expect that to work in all browsers. However...
The prevention of this seems to be a "feature" in Safari. You have to enable tabbing to anything other than text inputs. Here's a screenshot from my Safari 5 preferences window:
If I check that box, your fiddle works fine. It also seems to work if I press alt + tab (on Mac... not sure about Windows since alt + tab would switch to another window).
I'm trying to make use of the results attribute of HTML5 <input type="search"> tags on Chrome, which should make for a "recent searches" funcionality.
I cannot manage to make Chrome show a list of recent searches, not even on this demo page. When you input a few searches, and then click the arrow next to the magnifying glass, a list of recent searches should appear. Somehow, nothing happens when I click that arrow.
I'm using Chrome 16 on Windows, if that matters (the screenshots on the demo page seem to be taken on a Mac, where it apparently does work).
What am I missing? Is there possibly a some setting in Chrome that I may have turned off accidentally?
Seems like chrome doesn't fully support that attribute.
How about autocomplete...
http://www.w3.org/TR/html-markup/input.search.html#input.search.attrs.autocomplete
There is more info regarding chrome support for the results attribute in the chromium bug/issue list.
http://code.google.com/p/chromium/issues/detail?id=77779
http://code.google.com/p/chromium/issues/detail?id=17
Add a "name" (or "id") attribute and it should work in Chrome. You'll need a <form> element around it with a valid action="..." attribute as well.
<input type='search' results='5' name='something'>