Добавить текст из поля input к ссылке и отправить по ней пользователя КНОПКОЙ
В этой теме спрошено и отвечено то, что мне нужно, кроме одного:
необходимо, чтобы текст был в виде кнопки, работающей в том числе по нажатию Enter. Спасибо |
<a href="http://yandex.ru/yandsearch?text=" id="link" style="border: 1px solid gray;">Ссылка хз куда</a> <input type="text" oninput="update_href('link', this.value );" size=30> <script> function update_href(id,value){ document.getElementById(id).href='http://yandex.ru/yandsearch?text='+value; } onkeydown = function(e){ if(e.code == "Enter") document.getElementById('link').click(); }; </script> <button id="btn">Ссылка хз куда</button> <input type="text" id="inp"> <script> var btn = document.getElementById('btn'); btn.onclick = e => location = 'http://yandex.ru/yandsearch?text='+document.getElementById('inp').value; window.onkeydown = function(e){ if(e.code == "Enter") btn.click(); }; </script> или так |
первое не работает
Видать, что-то не так: кнопка не появилась, да и <script> не закрыт проверяю второе upd второе тоже нет Жаль( |
Аганин,
скорее всего браузер блокирует, создайте старницу, запустите локально <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <button id="btn">Ссылка хз куда</button> <input type="text" id="inp"> <script> var btn = document.getElementById('btn'); btn.onclick = e => location = 'http://yandex.ru/yandsearch?text='+document.getElementById('inp').value; window.onkeydown = function(e){ if(e.code == "Enter") btn.click(); }; </script> </body> </html> |
|
Цитата:
Tor: всё работает Chrome, Firefox, Яндекс.Браузер: не работает enter IE 11, Safari Mobile: ничего не работает (ни enter, ни клик) пробовал разные коды |
Chrome, Firefox, Яндекс.Браузер: у меня работает
|
Цитата:
|
Может кто-то написать, не работает только у меня или не только?
|
В IE ругается на
btn.onclick = e => и в IE и Edge вместо e.code нужен e.key: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <button id="btn">Ссылка хз куда</button> <input type="text" id="inp"> <script> var btn = document.getElementById('btn'); btn.onclick = function(e){ location = 'http://yandex.ru/yandsearch?text='+document.getElementById('inp').value; } window.onkeydown = function(e){ if(e.code == "Enter" || e.key == "Enter") btn.click(); }; </script> </body> </html> |
Часовой пояс GMT +3, время: 16:35. |