Jak spustit Tlačítko, Klepněte na, Zadejte v Javascriptu

0

Otázka

Jsme již na kliknutí funguje, ale na události.stisknutím tlačítka nebo akce.kóddont. Nemůžu pochopit, proč? Snažil jsem se přidat klíč kód, s a bez "", pokusil se odstranit default,, s uvedením objekt délka (inputLength() > 0 && události.kód "Enter") atd.. pořád nic. Nemůžu najít řešení v neexistující vlákna((.

var button = document.getElementById("enter");
var input = document.getElementById("userinput");
var ul = document.querySelector("ul");


function inputLength() {
    return input.value.length;
}

function createListElement() {
    var li = document.createElement("li");
    li.appendChild(document.createTextNode(input.value));
    ul.appendChild(li);
    input.value = "";
}

button.addEventListener("click", function() {
    if (inputLength() > 0) {
        createListElement();
    }
})

button.addEventListener("keyup", function(event) {
    event.preventDefault();
    if (event.key === "Enter") {
        createListElement();
    }
})
button enter javascript triggers
2021-11-22 18:38:09
3

Nejlepší odpověď

1

Pro addEventListener, možná budete potřebovat třetí argument false např. tlačítko.addEventListener("klikněte",funkce(){bla},false);

2021-11-22 18:45:33
0
button.addEventListener("keyup", function(event) {
  // Number 13 is the "Enter" key on the keyboard
  if (event.key === 'Enter') {
    // Cancel the default action, if needed
    event.preventDefault();
    //now do what you want to do.
    createListElement();  
}
} false);

Chci jen říct, že byste měli určitě použít google častěji. Byl jsem schopen najít anwser po 1 vyhledávání google. Každopádně doufám, že to pomůže.

2021-11-22 19:15:05

Děkuji za tak rychlou odpoved. už jsem to zkoušel, to nefunguje, protože událost.keyCode je zastaralý a jak jsem se zmínil dříve, než s jinými (událost.stisknutím tlačítka nebo události.kód ), stále dont práce.
munteanu dan

zkuste event.key === 'Enter'a také dělat to, co ten chlap řekl, nade mnou, dal falešné před posledním držák v addEventListener.@m
Ethan Agar
0

Našel jsem správnou cestu:

function addListAfterKeyPress(event) {
    if (inputLength() > 0 && event.key === "Enter") {
        createListElement();
    }
}
2021-11-22 18:45:09

V jiných jazycích

Tato stránka je v jiných jazycích

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................