After I use .select()
to select the text in the input box when hovered over I did the following:
HTML:
<input type="text" class="hoverAble" value="hover here"/><br />
jQuery:
$(".hoverAble").mouseenter(function() {
this.select();
}).mouseleave(function() {
//I can't figure what to put here.
});
See here. Warning for it to function correctly (in jsfiddle) you must click once in the result frame.
The main idea is mouseleave
is working as as expected also.
As you might have noticed, I can't figure out a way to un-select the text when you hover out and avoid this:
use .blur();
http://jsfiddle.net/robert/adCfw/6/
In this case, blur() only unfocus from the input text, and although it gives the appearance the text is not selected anymore, it is still selected. To truly unselect any text, you would do:
$(".hoverAble").mouseenter(function() {
this.select();
}).mouseleave(function() {
$(this).prop('selectionStart', 0).prop('selectionEnd',0).blur();
});
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With