Quiero una manera de abrir una búsqueda a través de Duckduckgo
usando el texto
ingresado en un input de texto (#search-bar), de manera que al hacer click en la tecla Enter
el texto escrito sea el valor de la búsqueda. Quiero hacerlo sin utilizar librerías como jQuery
.
Este es mi código HTML
<form>
<input type="text" id="search-bar" placeholder="Buscan">
<--
Si utilizo un <textarea></textarea> en lugar de un input, el javascript funciona,
pero no es lo que necesito.
-->
</form>
Y este es mi javascript.
var search_bar = document.getElementById("search-bar");
var search_wrap = document.getElementById("search-wrap");
var search_visible = false;
search_wrap.style.display = 'none';
"use strict";
document.onkeyup = function (e){
// if S
if((e.keyCode == 83) && (search_visible == false)){
search_visible = true;
search_wrap.style.display = 'block';
search_bar.focus();
}
// if Esc
else if((e.keyCode == 27) && (search_visible == true)){
search_visible = false;
search_wrap.style.display = 'none';
}.
// if Enter
// Si cambio el 13 (Enter) por otra tecla, E.g. 20 (Bloq Mayus) funciona a la perfección.
// Si cambio el 13 por un 17 (Ctrl) funciona haciendo Ctrl+Enter
else if((e.keyCode == 13) && (search_visible == true)){
var content = search_bar.value.replace(new RegExp(" ", 'g'), "+");
// He intentado con if(content.length > 0)
if(content != ""){
window.location = ("https://duckduckgo.com/?q=" + content + "&ia=about");
}
}
}
Mi problema es que la función no se ejecuta correctamente si utilizo la tecla Enter.
window.location.href = "https://duckduckgo.com/?q=" + content;
.document.onkeydown
he usadosearch_bar.onkeydown
y en luguar deif((e.keyCode == 13) && search_visible == true)
lo he dejado para que comprobase solo la pulsación del retorno de carro conif(e.keyCode == 13)
, entonces ha funcionado correctamente; ¿puede ser quesearch_visible
no llegue a ponerse atrue
? Si tampoco eso... n'idea :(