Home/ Questions/Q 917231
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-15T18:10:43+00:00

i have a input[type=text] containing the short url for a post. i want to

  • 0

i have a input[type=text] containing the short url for a post. i want to select the short url so users can easily copy the short url into clipboard. i used

$(".shorturl input").focus(function() {
    this.select();
});

but i noticed the 1st time it works fine then the next time it will blick (i see the text selected then deselected). it seems when like it try to select a selected text and ends up deselecting?

then to enhance this, how can i copy text to the clipboard? hopefully without flash? i see jQuery plugins to copy text but they use flash.

my site using that is http://jiewmeng.tumblr.com

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try using the click event instead. It seems to work when focusing on the input using the keyboard as well, but I haven’t tested it cross-browser:

    $(".shorturl input").click(function() {
    this.select();
});​

    Demo at http://jsfiddle.net/mZSyh/

    For the second part of your question, see How to copy text to the client's clipboard using jQuery?

    • 0