hover_autocopy

A small icon will prompt up after you selected some text, move the cursor over the icon will copy the selected text to clipboard

< Feedback on hover_autocopy

Review: Good - script works

§
Posted: 2016-08-26

Good idea!

Seems work perfecly!
Just an observation :
It's possible to add an hover state on the Icon that's confirm the copy ?
The icon go away too quickly, so it's possible to forget we have hover it and copy something...
I know, that's no very clear...
;-)

§
Posted: 2020-04-19
Edited: 2020-04-19

Maybe something like that (with CSS only):

/* ==== 0-GM - Hover_Autocopy tweak v.1 === */
#copytext_icon[style^="display: block;"] ,
#copytext_icon[style^="display: none;"]  {
display: inline-block !important;
background-position: center center !important;  
background-size: 30% 30% !important;  
border-radius: 100% !important; 
opacity: 0.05 !important; 
border: 1px solid red !important;
background-color: gold !important;
transition: all ease 0.7s !important;
}

#copytext_icon[style^="display: block;"]:hover  ,
#copytext_icon[style^="display: none;"]:hover  {
background-position: center center !important;
background-size: 60% 60% !important;
border-radius: 100% !important;
opacity: 1 !important;
border: 1px solid red !important;
background-color: red !important;
transition: all ease 0.5s !important;
}

Post reply

Sign in to post a reply.