Datalist HTML5 mit 1 Klick
0 
molily
Datalist HTML5 mit 1 Klick
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
-
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
-
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
-