Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > Как поместить текст в буффер обмена?


Автор: Zorro 8.8.2004, 16:09
Можно ли поместить определённый текст при нажатии на кнопку в буфер обмена?

Автор: Се ля ви 8.8.2004, 16:23
Можно. по прайней мере в IE так:
Код
<html><head>
<script>
<!--//[CDATA[
function Paste(){
    document.forms[0].elements[0].createTextRange().execCommand("Paste");
    document.forms[0].elements[0].focus();
}
function Copy(){
    document.forms[0].elements[0].createTextRange().execCommand("Copy");
    document.forms[0].elements[0].focus();
}
function Clear(){
    document.forms[0].elements[0].createTextRange().execCommand("Delete");
    document.forms[0].elements[0].focus();
}
//]]-->
</script>
</head>
<body>

<form>
<textarea></textarea><br />
<input type="button" onclick="Paste();" value="Вставить из буфера" /><br />
<input type="button" onclick="Copy();" value="Копировать всё содержимое поля в буфер" /><br />
<input type="button" onclick="Clear();" value="Удалить всё содержимое поля" /><br />
</form>

</body>
</html>

Автор: Sardar 8.8.2004, 17:26
Только в ИЕ: http://msdn.microsoft.com/workshop/author/dhtml/reference/objects/clipboarddata.asp

Автор: Zorro 9.8.2004, 20:02
Большое спасибо wink.gif

Автор: sergejzr 1.11.2004, 01:59
Question:
Как работать с буффером обмена?
How to copy paste text with the Javascript?
Wie kann man in Javascript mit der Zwischenablage arbeiten?

Answer:
В ИЕ для этого существует функция execCommand

Браузеры:
Internet Explorer Yes, Mozilla No, Opera No

Пример:
Код
<!--
    Thanks to:
    Се ля ви http://vingrad.ru/@Се ля ви
    for this excample
-->
<html><head>
<script>
<!--//[CDATA[
function Paste(){
  document.forms[0].elements[0].createTextRange().execCommand("Paste");
  document.forms[0].elements[0].focus();
}
function Copy(){
  document.forms[0].elements[0].createTextRange().execCommand("Copy");
  document.forms[0].elements[0].focus();
}
function Clear(){
  document.forms[0].elements[0].createTextRange().execCommand("Delete");
  document.forms[0].elements[0].focus();
}
//]]-->
</script>
</head>
<body>

<form>
<textarea></textarea><br />
<input type="button" onclick="Paste();" value="Вставить из буфера" /><br />
<input type="button" onclick="Copy();" value="Копировать всё содержимое поля в буфер" /><br />
<input type="button" onclick="Clear();" value="Удалить всё содержимое поля" /><br />
</form>

</body>
</html>



Примечания:
К сожалению такое работает только в Internet Explorer.
Спасибо:
http://vingrad.ru/@%D1%E5%20%EB%FF%20%E2%E8 за предоставленный материал.

Автор: Alx 1.11.2004, 10:27
sergej.z
всё бы хорошо, только execCommand тут не причём. И строки

Код

document.forms[0].elements[0].createTextRange().execCommand("Paste");
document.forms[0].elements[0].createTextRange().execCommand("Copy");
document.forms[0].elements[0].createTextRange().execCommand("Delete");


тоже. для ИЕ существует объект clipboardData

доступ к нему осуществляется так:

window.clipboardData

объект имеет три метода:

clearData([фотмат]) - удалит из Буфера данные с указаным форматом. В качестве форматов у нас буит:
Text
URL (адрес)
HTML
File
Image

getData([фотмат]) - вернёт данные, взятые из Буфера, соответствующие указаному формату. Доступно:
Text и URL

setData([фотмат],[данные]) - запихнёт в Буфер, всё что мы скажем. Фотрматы:
Text и URL
Метод вернёт true, если данные помещёны в Буфер.

Вот пример:

Код
<html>
<head>
<title>Alx's JavaScript</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta name="autor" content="Alx, Александр Зинчук">
<script language="JavaScript">
function copyFunc()
{var txt = document.getElementById("theText").innerText;
window.event.returnValue = false;
window.clipboardData.setData("Text", txt);
alert("В буфер добавлено:" + txt)
}
function getFunc()
{var datas;
datas = window.clipboardData.getData("Text");
document.getElementById("inp").value = datas;
}
function delFunc()
{var datas = window.clipboardData.clearData("Text");
alert("Буфер очищен!")
}
</script>
</head>
<body>
<p id="theText">Тестовый текст</p>
<input type="button" onclick="copyFunc()" value="Копировать">
<input type="button" onclick="getFunc()" value="Вставить">
<input type="button" onclick="delFunc()" value="Очистить Буфер">
<br><br>
<input id="inp" type="text" disabled>
</body>
</html>

Автор: Sardar 1.11.2004, 11:09
Ну и на последок для мозиллы, юзаем XPCOM:
Код
if(window.Components) {
  var clip, trans, str;
  //запросили права, если что у юзера всплывет окошко, по умолчанию окошко не всплывает
  netscape.security.PrivilegeManager.enablePrivilege('UniversalXPConnect');
  //создали вбнутреннее представление строки
  (str = Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString)).data=text;
  //достаем интерфейс буфера обмена
  if(!(clip = Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard))) return;
  //и интрфейс трансфера(проводника)
  if(!(trans = Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable))) return;
  trans.addDataFlavor('text/unicode');
  //закидываем в трансфер текст в юникоде, третий параметр по логике не должен существовать;-)
  trans.setTransferData("text/unicode",str,text.length*2);
  //устанавливаем текст в буффер обмена
  clip.setData(trans,null,Components.interfaces.nsIClipboard.kGlobalClipboard);
}

За докой обращаемся сюда:
http://xulplanet.com/references/xpcomref/group_ClipboardandSelection.html
http://xulplanet.com/references/xpcomref/ifaces/nsISupportsString.html
http://xulplanet.com/references/xpcomref/ifaces/nsITransferable.html

Автор: Greendrake 15.8.2006, 17:25
Как нынче обстоят дела с поддержкой копирования в буфер у FF? Может, уже Опера подоспела?
В текущих версиях FF и Мозиллы сей навороченный процесс копирования в буфер спотыкается уже вот на этой строчке
Код
netscape.security.PrivilegeManager.enablePrivilege('UniversalXPConnect');

Никаких окошек не всплывает. Может где секьюрные настройки надо изменить? Может, уже что попроще есть?

Автор: Rostic 20.12.2006, 17:12
А как все ето запихнуть в буфер в одно время??
Код
<table border="0" cellpadding="0" cellspacing="0" height="213" width="240">    
  <tr> 
    <td align="right" valign="bottom" width="78" height="58"> 
      <table>
        <tr> 
          <td> 
            <h5 id="sel"></h5>
          </td>
          <td> 
            <h2 id="se"><b></b></h2>
          </td>
          <td> 
            <h5 id="ser"></h5>
          </td>
        </tr>
      </table>
    </td>
    <td align="center" valign="bottom" width="84" height="58"> 
      <table>
        <tr> 
          <td> 
            <h5 id="sl"></h5>
          </td>
          <td> 
            <h2 id="s"><b></b></h2>
          </td>
          <td> 
            <h5 id="sr"></h5>
          </td>
        </tr>
      </table>
    </td>
    <td valign="bottom" width="78" height="58"> 
      <table>
        <tr> 
          <td> 
            <h5 id="swl"></h5>
          </td>
          <td> 
            <h2 id="sw"><b></b></h2>
          </td>
          <td> 
            <h5 id="swr"></h5>
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr> 
    <td align="right" height="98" width="78"> 
      <table>
        <tr> 
          <td> 
            <h5 id="el"></h5>
          </td>
          <td> 
            <h2 id="e"><b></b></h2>
          </td>
          <td> 
            <h5 id="er"></h5>
          </td>
        </tr>
      </table>
    </td>
    <td align="center" height="98" width="84"> 
      <table>
      
        <tr> 
          <td> 
            <h5 id="ml"></h5>
          </td>
          <td> 
            <h1 style = "color:#0000FF" id="m"><b></b></h1>
          </td>
          <td> 
            <h5 id="mr"></h5>
          </td>
        </tr>
      </table>
    </td>
    <td height="98" width="78"> 
      <table>
        <tr> 
          <td> 
            <h5 id="wl"></h5>
          </td>
          <td> 
            <h2 id="w"><b></b></h2>
          </td>
          <td> 
            <h5 id="wr"></h5>
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr> 
    <td align="right" valign="top" height="75" width="78">
     
      <table>
        <tr> 
          <td> 
            <h5 id="nel"></h5>
          </td>
          <td> 
            <h2 id="ne"><b></b></h2>
          </td>
          <td> 
            <h5 id="ner"></h5>
          </td>
        </tr>
      </table>
    </td>
    <td align="center" valign="top" height="75" width="84" > 
      <table>
        <tr> 
          <td> 
            <h5 id="nl"></h5>
          </td>
          <td> 
            <h2 id="n"><b></b></h2>
          </td>
          <td> 
            <h5 id="nr"></h5>
          </td>
        </tr>
      </table>
    </td>
    <td valign="top" height="75" width="78"> 
      <table>
        <tr> 
          <td> 
            <h5 id="nwl"></h5>
          </td>
          <td> 
            <h2 id="nw"><b></b></h2>
          </td>
          <td> 
            <h5 id="nwr"></h5>
          </td>
        </tr>
      </table>
    </td>
  </tr>
  </table>

не получается запихнуть значения этих таблиц в буфер

Добавлено @ 17:15 
то есть значения которое в этих полях отображается в этих 9ти частях


M
Sardar		Пользуся кнопкой код! Пиши грамотным языком

Автор: Sardar 20.12.2006, 17:39
Rostic, а теперь человеческим языком, что тебе конкретно нужно?

Все ячейки в буфер обмена? Тогда селекцией возьми таблицу целиком, достань текст (бродилка сама табами поля разделит), положи в буфер обмена.

Вёрстку в буфер обмена? Ничего не меняется, достаёшь её (innerHTML у родительского div'а проще всего), ложишь в буфер обмена.

Как положить в буфер здесь пояснили. Как отселектировать таблицу копай в сторону http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/movetoelementtext.asp для ИЕ и http://www.w3.org/TR/2000/REC-DOM-Level-2-Traversal-Range-20001113/ranges.html для всех остальных, здоровых на голову браузеров.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)