Datalist: Datalist HTML5 mit 1 Klick

SELF-Forum

Datalist HTML5 mit 1 Klick

Datalist
– Informationen zu den Bewertungsregeln

hallo allerseits,

ich möchte eine editierbare dropdown liste erstellen. Dafür bietet sich das neue Datalist aus HTML5 an. Jetzt aber habe ich ein rießen Problem: Kein Mensch weiß, dass man 2 mal reinklicken muss, damit sich das erst aktiviert. Meines erachtens ein blöder Denkfehler, der bei der erstellung bei html 5 passiert ist.

Natürlich öffnet sich das Menü - zumindest im FX - wenn man anfängt zu schreiben. Das ist für mich schon zu spät. Es werden nämlich nur 4 Ziffern eingetragen. Da ist man danach schon schneller dabei die einzutippen als die liste zu verwenden.

Nur weiß ich nicht wie ich das mit Javascript realisieren kann, dass ein doppelklick ausgeführt wird. Ich würde ein onclick='funktion()' einbauen, nur mir fehlt das wissen, ein doppelklick zu simulieren? In google habe ich leider nichts brauchbares gefunden.

Ich bitte um helfe!

mfg,
Bernd

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Datalist HTML5 mit 1 Klick

    molily Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo,

    nur mir fehlt das wissen, ein doppelklick zu simulieren?

    Das ginge so:

    <input onfocus="[code lang=javascript]var e = new [link:https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent@title=MouseEvent]('dblclick', { canBubble: true, cancelable: true, view: window }); this.[link:https://developer.mozilla.org/en-US/docs/Web/API/EventTarget.dispatchEvent@title=dispatchEvent](e)">[/code]

    Aber das tut nicht das, was du willst. Das Dropdown öffnet sich nicht.

    Ich habe durch Googlen diesen fiesen Hack gefunden:

    http://stackoverflow.com/a/20646642

    Ich bitte um helfe!

    Ich Hilfe dir gern. ;)

    Mathias

    --
    Chaplin.js - JavaScript application architecture on top of Backbone.js
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Datalist HTML5 mit 1 Klick

      Datalist
      – Informationen zu den Bewertungsregeln

      Hallo Mathias,

      vielen Dank für deine Helfe.

      Ich habe durch Googlen diesen fiesen Hack gefunden: http://stackoverflow.com/a/20646642

      Google mobbt mich, das ist damit bewiesen. Aber auf die Lösung hätte ich auch kommen müssen, es hat nur nicht richtig geschaltet. Ich habs erkannt, dass ich erst den focus setzen musste, habs aber verpennt damit etwas anzufangen...

      Für meine Frage reichte ein einfaches onmouseover="focus(); aus. Aber das kleine Add-on mittels Wert speichern, sodass die Liste weiterhin komplett angezeigt ist, ist wirklich sehr nützlich, falls man sich verklickt hat!

      ty

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln