Text passed to window.prompt gets replaced with "..."

Question

I want to allow users to copy a large number of email addresses to their clipboard. This answer seemed like the most reliable way to do that:

How do I copy to the clipboard in JavaScript?

However, when testing I found that window.prompt() always replaces part of one of the emails with ....

Here is test data:

test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
test@test.com; test@test.com;test@test.com;test@test.com;test@test.com;
test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
test@test.com;test@test.com;

Here is example code with the following test data:

window.prompt ("To copy emails to clipboard, press: Ctrl+C, then Enter", 
  "test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
  test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
  test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
  test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
  test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
  test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
  test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
  test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
  test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
  test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
  test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
  test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
  test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
  test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
  test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
  test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
  test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
  test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
  test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
  test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
  test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
  test@test.com; test@test.com;test@test.com;test@test.com;test@test.com;
  test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
  test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
  test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
  test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
  test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
  test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
  test@test.com;test@test.com;test@test.com;test@test.com;test@test.com;
  test@test.com;test@test.com;");

JSFiddle: http://jsfiddle.net/MkYDz/

Click on the link above, copy and paste the text to a text editor, and you will see that one of the emails (about halfway) becomes:

test@...om

Why is this happening?

Works for me on Chrome 28, OSX 10.7. But if it doesn't work in some browsers, you'll have to use your own home-made modal, and a textarea. — bfavaretto, Aug 06 '13 at 19:21
This works fine in IE, seems to only be an issue in Chrome? https://code.google.com/p/chromium/issues/detail?id=58144 — Kyle Muir, Aug 06 '13 at 19:22
Have you looked at this method? http://stackoverflow.com/questions/17527870/how-does-trello-access-the-users-clipboard/17528590#17528590 — Ben, Aug 06 '13 at 19:29

Alex · Answer 1 · 2013-08-06T19:40:17.233

8

The window.prompt() function is limited to 2000 characters in Chromium. If the input string exceeds this limit (your example has 2059 characters), the input string is cut in the middle marked with dots. This is called an ellipsis.

Here's a demonstration using exactly 2000 characters (I replaced the last three chars with XXX): http://jsfiddle.net/MkYDz/2/

;test@tesXXX");

edited Aug 06 '13 at 19:40

answered Aug 06 '13 at 19:26

Alex

7,319
1
16
34

Jithesh · Accepted Answer · 2015-07-04T07:07:14.953

The character limit for the prompt seems to be the reason like MVP said. There is a pretty better workaround for it. Use a textarea with the emails text as its content and use the select function to select the whole text in the textarea like you did with the prompt.

Example:

$('#container').append('To copy emails to clipboard, press: Ctrl+C, then Enter <br />
<textarea id="emailsToCopy">'+emailsToCopy+'</textarea>');
$('#emailsToCopy').select().focus();

Assuming, you use jquery. If not you could use select function on the textarea DOM element.

var emailsTxtArea = document.getElementById(emailsToCopy);
emailsTxtArea.select();
emailsTxtArea.focus();

score 2 · Answer 3 · answered May 28 '15 at 13:55

If I had more reputation points I would comment on Jitesh's answer...

If you aren't using jquery, you can't do this:

emailsTxtArea.select().focus();

Instead you have to do this:

emailsTxtArea.select();
emailsTxtArea.focus();

In regular javascript, the select method doesn't return the object.

Text passed to window.prompt gets replaced with "..."

3 Answers3