繁体   English   中英

JS:按Enter键,然后转到下一个输入

[英]JS : press enter and go to the next input

(对不起,如果我的英语不好),我尝试做一个小游戏,您必须在输入中回答问题。 当您使用“ Enter”键进行验证时,将显示下一个输入,并输入一个新问题。

解释起来很复杂,因此我给您测试网址:nicolaslorand.com/bac.php

这是我代码的一部分:

var i = 1;
var j = 2;

$('#input'+i).keypress(function(event) {

console.log('input actuel :'+i);
console.log('input suivant :'+j);

if (event.which == 13) {
    verification();
    console.log("Touche entrée");

 }
});

function verification(){

document.getElementById('input'+j).style.display = "block";
var index = $(".inputform").index(this) + 1;
$(".inputform").eq(index).focus();

var recup = document.getElementById('input'+i);
var verif = recup.value.toUpperCase();

var divLettre = document.getElementById('lettre');
var premiereLettre = divLettre.innerText || divLettre.textContent;

if ( verif.charAt( 0 ) === premiereLettre ) {
    $("#input"+i).addClass('trueanswer');
    i++; j++;
    scoreTotal++;

    console.log(i);console.log(j);
    }

else{
    $("#input"+i).addClass('falseanswer');
    i++; j++;

    console.log(i);console.log(j);
    }

使用此代码,当我按Enter键时,将出现下一个输入,但是我必须输入第一个输入,以便功能可以验证我的答案。

您正在使用this内部函数,它引用窗口对象。 我想你应该用i代替this

var index = $(".inputform").index(i) + 1;

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM