HTML / JS / MOBIL / textbox tartalmának törlése

Fejlesztés

Adott egy weboldal. Sima HTML + JS.

Javascript trükkre lenne szükségem textbox-okban lévő szöveg egyszerű törlésére.

A user vagy a benne lévő szöveget küldi el submit-tel, vagy változtat rajta. A probléma az, hogy lehet hosszú is a szöveg, és amikor mobil böngészőkön jelenítjük meg, akkor kijelöli ugyan a szöveget nekem, de bele kell klikkelnem hogy előjöjjön a billentyűzet, viszont ekkor már nem lesz kijelölve, és a kurzor pozícionálásával + backspace nyomkodásával kell szórakozni a szöveg törléséhez.

Lenne valakinek jó ötlete arra nézve, milyen egyszerű és jó funkcióval lehetne implementálni a szöveg törlését?

A probléma az, hogy mobil cuccokon a dupla tapit felhasználják a zoom-hoz (nagyítás vagy kicsinyítés). Illetve nincsen lehetőség a sokáig nyomva tartás (long push) megállapításához.

Esetleg ráklikkelve (tapizva) egy másik objektumra, majd utána vissza? Ott be tudok állítani egy flag-et egy változóba, de ez eddig nem igazán tetszik. Más lehetőség nem jut eszembe. Ugye Ctrl + klikk meg ilyen nem játszik, mert az mobilon nem megy.

Előre is köszi.

Kiegészítés: ismerem a JQuery megoldást, ahol a textbox jobb oldalán van egy kicsi X amire klikkelve törlődik a szövegdoboz tartalma. Nekem ott egy másik funkció gomb van, ezért ez nem igazán lenne jó megoldás. Illetve nem használok JQuery-t. Sima egysvalamizerű form-hoz kellene egy jó ötlet.

Szerk.: közben azon tűnődöm, hogy lehet úgy oldom meg, hogy ha a régi szövegbe elkzed a user gépelni, akkor az eredeti szöveget törli.

  • 4084 megtekintés

( uid_7086 | 2014. 02. 02., v – 16:11 )

Ha nem gond, hogy külön gombra kell kattintani (tartok tőle, hogy én értek félre valamit), akkor adsz a mezőnek egy id-t, az e célra létrehozott gombra/képre onclick eventként ráteszel egy kis függvényt, ami getElementById-vel megkeresi a mezőt és a ... talán value-nak hívják azt az attribútumot, aminek egy üres stringet adsz értékként...

Ilyesmire gondoltál?

http://pastebin.com/iAvLstNi
Ugyan nem igazán szabványos (pl. az onclick miatt), de valami ilyesmire tippelek.

Ezt ugyan nem teljesen értem, de mindegy...
(úgy értem: mire nincs hely? Ha az input-ra céloztál, azt helyettesítheted egy akármilyen img-vel is akár, én csak azért raktam oda, hogy minél kevesebbet kelljen dolgoznom a példán. A lényeg a JS volt az egészből, azt hittem, ez hiányzik neked)

Közben szívás, úgy látom a key press események nincsenek implementálva mobil böngészőkön.. ez így hogy?

Ilyet csináltam és csak desktop-on megy:

[input onkeypress='if (typeof(flag1) == \"undefined\" && event.keyCode == 0){ flag1 = 1; this.value = \"\" }' id='text' type='textbox' value='something is here']