Wie kann man mit Javascript prüfen, ob Eingabefeld focus hat?

2 Antworten

Vom Beitragsersteller als hilfreich ausgezeichnet

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

HTML, JavaScript

26.01.2018, 19:56

Du kannst einfach mit dem Event onfocus ermitteln, wenn ein Element den Focus bekommt. Mit onblur hast du das Gegenstück, wenn es den Focus verliert.

Woher ich das weiß:Berufserfahrung – Entwickle Webseiten seit über 25 Jahren.

Xearox

26.01.2018, 19:22

Nicht getestet:

this === document.activeElement

This ist in dem Fall das Input Feld.

Ähnliche Beiträge

HTML/Javascript: Wie erzeuge ich mehrere Eingabefelder?

Ich möchte 6 Eingabefelder erzeugen, in die man Zahlen eingeben kann. Wenn man dann auf einen Button klickt, sollen alle eingegebenen Zahlen aufgelistet werden (Zum Beispiel mit "Du hast xyz eingegeben" oder "Dein Tipp lautet xyz" oder so ähnlich)

Im Javascript-File habe ich sechs mal hintereinander prompt("Bitte gib eine Zahl ein") eingegeben, aber es werden nicht sechs Eingabefelder dargestellt, sondern ein einziges, das sich sechs mal öffnet(Erst öffnet es sich, wenn man dann eine Zahl eingibt, verschwindet es kurz und taucht dann sofort wieder auf, das ganze wiederholt sich sechs mal) Diese prompt-Befehle habe ich dann gelöscht.

Stattdessen habe ich im HTML-Dokument sechs Eingabefelder mit erzeugt und somit das Problem mit den Eingabefeldern gelöst. Der Button ist auch schon sichtbar, aber er funktioniert nicht.

Was muss ich anwenden, um sechs Eingabefelder erscheinen zu lassen und dann mit dem Button die eingegebenen Zahlen aufzulisten?

...zum Beitrag

JavaScript: Wie kann ich den Wert eines Eingabefelds bereits während der Eingabe prüfen?

Hey Leute, ich habe eine Frage zu JavaScript.

Ich möchte gerne, dass mein input-Feld number, das, wenn das erste getippte Zeichen eine Zahl ist, eine alert-Meldung ausgibt und sagt, es ist eine Nummer. Wenn es ein Buchstabe ist, dann soll es sagen, dass es ist keine Zahl ist.

Es soll direkt bei Eingabe geprüft werden und nicht erst, nach Klick auf etwas oder so ähnlich.

Ungefähr so:

listener

if (erstes Zeichen eine Nummer) {
  alert("es ist eine nummer");
else {
  alert("es ist keine nummer");
}

...zum Beitrag

Mit JavaScript ein Formular Eingabefeld nach bestimmten Zeichen untersuchen und bei Treffer das absenden verhindern?

Guten Abend,

ich suche jetzt seit 3 Tagen nach der Lösung der obengenannten Aufgabenstellung.

Ich möchte das JavaScript wenn die Zeichen <>{} im Eingabefeld eines Formulars eingegeben wurden, das absenden des Formulars unterbindet, also die Standardaktion des Browsers quasi verhindert.

Ich weis das es auch von Serverseite mit PHP geprüft werden muss, das habe ich soweit schon rausgefunden nur bin ich bei JavaScript nicht schlauer geworden.

Auf eine Antwort mit der Lösung anhand eines Beispielcodes wäre ich sehr erfreut.

Danke :)

...zum Beitrag

BMI Rechner Programm in Javascript

Hallo,

wisst ihr, was ich in meinem JavaScript-Code falsch gemacht habe (Es sind zwei Eingabefelder da, Gewicht in kg und Grösse in cm; dann berechnet und sagt, ob der Anwender Über- oder Untergewicht hat).

...
function Bmi()
    {
        var Gewicht = document.BmiFormular.Gewicht.value;
        var Groesse = document.BmiFormular.Groesse.value / 100;

        var BmiZahl = Gewicht / (Groesse * Groesse);

        var Was = (BmiZahl < 18,5) ? "Untergewicht" :
        "Normalgewicht";

        alert (BmiZahl + "\n" + "Sie haben " + Was);
    }
...

<form name="BmiFormular" action="">
<input type="text" name="Gewicht" value="Gewicht eingeben! (in kg)"        onClick="this.value=''" /><br />
<input type="text" name="Groesse" 
       value="Körpergrösse eingeben! (in cm)" 
       onClick="this.value=''" /><br /><br />

    <input type="button" width="60" value="BMI berechnen!" 
           onClick="Bmi()" />
  </form>

Die Variable BmiZahl erklärt sich von selbst, die Variable "Was" steht

...zum Beitrag

JavaScript Variable als iFrame SRC?

Hi,

wie kann ich den Inhalt eines HTML-Eingabefeldes als src für eine iFrame machen?

Danke

...zum Beitrag

Könnt ihr mir bei folgendem JavaScript Problem helfen?

programmieren ist mein jüngstes und schwierigstes hobby, ich würd mich freuen wenn ich dieses Problem lösen könnte. Ich möchte, dass jeder Name, der im Eingabefeld eingegeben wird unten erscheint.

danke im voraus.

https://jsfiddle.net/6wcf9j5e/

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <form class="guestList" action="index.html" method="post">
      <label>Your Name: </label>
      <input type="text" name="" value="..." id="nameInput;" />
      <input type="submit" name="" value="submit" onclick="pushArray();"/>
    </form>
    <div id="addName"></div>
    <script type="text/javascript" src="dailyrepead.js">
    </script>
  </body>
</html>

JS:

var guestList = [];
var count = document.getElementById("nameInput");
function pushArray() {
  guestList.push(count);
  document.getElementById("addName").innerHTML += guestList[count] +"<br>";
}

...zum Beitrag

Javascript als ausführbares Programm?

Hallo,

soweit ich weiß, wurde z.B. das Programm "Brackets" mit Javascript entwickelt.

Nun stelle ich mir die Frage, wie ich selber kleine Javascript-Programme machen kann. Meiner Meinung nach, ist es viel effizienter kleine Programme(wie Rechner oder so) mit Javascript zu coden.

Wie bekomme ich ein Javascript.exe-Programm hin?

...zum Beitrag

Javascript Farbe ändern?

Ich wollte fragen wie man bei Javascript die Farbe ändert also wenn man z.B.

var f = "[ Fail ]" macht das die Farbe dann rot wird wenn man das benutzt.

...zum Beitrag

JavaScript: Weiß jemand, wie ich prüfen kann, ob irgendeine Zahl ein Integer oder Float ist?

Also, ich möchte prüfen, ob eine Zahl eine ganze Zahl ist oder eine Nachkommastelle hat. Am besten ohne script Tag schreiben, nur js.

...zum Beitrag

Kopf oder Zahl mit Javascript mithilfe von Schleifen?

Kann mir jemand einen kompletten Script schreiben, mit welchem man per Eingabefeld angeben kann, wie oft die Münze geworfen werden soll (z.B. 1000) und dann per button "Münze werfen" diese werfen kann (nicht animiert oder so) und dann angezeigt wird, wie oft es Kopf und Zahl ist? (Also zufällig, aber Summe natürlich in diesem Fall 1000)

...zum Beitrag

JavaScript: Prüfen ob Seite reloaded wurde und entsprechend agieren?

Gibt es in JS einen Command, mit dem ich überprüfen kann, ob die Seite gereloaded wurde bzw. nach dem Reload eine bestimmte Aktion ausführen kann. (In meinem Fall Margin ändern)

...zum Beitrag

Wie kann ich eine Meldung wiedergeben wenn es in einem Eingabefeld anstatt Zahlen Buchstaben drin hat?

Hallo Zusammen, ich habe ein Projekt und muss ein Zahlenratenspiel mit Javascript machen. Nach Kriterien muss beim Inputfeld eine statt einer Zahl eine Meldung aufkommen. Wie mache ich das?

...zum Beitrag

wie kann man in JavaScript eine Funktion erstellen, die eine zufällige Zahl generiert?

Hi Leute!

Wie kann ich ich JavaScript eine Funktion erstellen, die jede Zahl zufällig von 1 bis 16 auswählt, jedoch darf keine mehrmals vorkommen.

Vielen dank im voraus🙂

...zum Beitrag

Verstehe nicht, warum es falsch ist?

// loggen der Variabeln-Name für den Login-Button //

let loggen = document.getElementById("login");


loggen.addEventListener("click", function() {
  
// eingabeFeld ist der Name für das Inputfeld //  
let eingabeFeld = document.getElementById("field");

eingabeFeld.value;
if (eingabeFeld.includes("huso1234")) {
alert("Ja, das Passwort ist richtig");
}
else {
    alert("Das Passwort ist falsch");
}
eingabeFeld.textContent = "";
});

Funktioniert halt einfach nicht. Es handelt sich hierbei um die Programmiersprache JavaScript. Es kommt kein Alert und am Ende geht der Text auch nicht weg vom Inputfeld.

...zum Beitrag

Was möchtest Du wissen?

Deinen Beitrag erstellen