Javascript установить переменную для ввода, а затем перейти к странице

Question

Javascript установить переменную для ввода, а затем перейти к странице

0

У меня есть вход, где, теоретически, пользователь вводит в поле, нажимает enter, и браузер переходит к входному тексту с добавлением.html в конце. Я изначально пытался разобраться с отправкой формы, но форма больше не отправляется после того, как я добавил preventDefault(); , То, что у меня сейчас, похоже, не задает переменную в элементе формы, а затем не попадает в часть URL. Мой код:

<form name="answerarea">
<input type="text" name="input">
</form>

тогда

function sendanswer( e ) {
if ( e.keyCode === 13 ) {
    e.preventDefault();
    var answer = this.document.answerarea.input.value;
    if (answer) { this.location.href = answer + ".html"; }
    }       
}

document.answerarea.input.onkeypress = sendanswer;

Любая подсказка, почему она не работает? Благодарю.

deanboysupreme 14 март 2014, в 23:53

Источник

1

Избавься от this. ...
ThiefMaster 14 март 2014, в 22:06

Теги:

javascript

html

variables

input

2 ответа

2

this ключевое слово, скорее всего, указывает на текущий элемент, который был бы поле ввода. Попробуйте это вместо этого.

function sendanswer( e ) {
    if ( e.keyCode === 13 ) {
        e.preventDefault();
        var answer = this.value;   
        if (answer) { 
            window.href = answer + ".html";
            return false;
        }
    }       
}

document.getElementsByTagName('input')[0].addEventListener("keyup", sendanswer);

Контекст этого будет меняться в зависимости от того, как вызывается sendanswer. ex: с .apply или .call позволит вам изменить контекст.

См. Также http://jsfiddle.net/KtXpV/ для примера.

user1318677 14 март 2014, в 19:53

Ещё вопросы

T J · Accepted Answer · 2014-03-14T19-45-00.000Z

Вы вызываете функцию в событии keypress, поэтому this будет относиться к входу, в котором нет объекта input или location.

измените свой код следующим образом:

function sendanswer( e ) {
 if ( e.keyCode === 13 ) {
 e.preventDefault();
 var answer = document.answerarea.input.value;
 if (answer) { window.location.href = answer + ".html"; }
 }       
}

Спасибо! Это сработало. Также узнал немало о javascript из этого начинания.
Жаль, что у SO есть опция чата, я видел, как новые пользователи просят друзей поднять свой ответ и вставить копию оригинала. ~ LOL