@lexstile

Почему clipboard копирует в буфер и адресную строку?

Не могу понять, смотрел столько примеров, у всех все работало корректно, делаю то же самое, но почему-то появляются get-параметры в адресной строке с копируемым текстом и затирает все, что было введено до.
<form class="form-register">
			<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
				<span>Скопируйте текст сюда:</span>
				<input class="reset btn btn-default" type=reset value="X">
				<textarea id="source" name=source onKeyUp="func()"></textarea>
			</div>
			<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
				<span>Результат конвертации:</span>
				<textarea id="target" name=target></textarea>
				<button class="btn btn-primary btn-copy" data-clipboard-target="#target">Копировать в буфер обмена</button>
			</div>
</form>
<script>
    var clipboard = new Clipboard('.btn-copy');

    clipboard.on('success', function(e) {
		alert('success');
    });

    clipboard.on('error', function(e) {
		alert('error');
    });
</script>

ввел в оба textarea: dfsdfds sdfdsfds
/?source=dfsdfds+sdfdsfds&target=dfsdfds+sdfdsfds
  • Вопрос задан
  • 219 просмотров
Решения вопроса 2
@f_ban
Установите у кнопки атрибут type="button", тогда можете тег form оставить. По умолчанию стоит значение submit, поэтому при клике браузер пытается отправить форму GET-ом
htmlbook.ru/html/button/type
Ответ написан
Taraflex
@Taraflex
Ищу работу. Контакты в профиле.
Уберите form обертку
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы