autofocus op input veld na clear

[Arjan-901]

Hallo,

Voor een wordpress website met woocommerce gebruik ik een POS systeem om in de winkel producten af te rekenen. Nu loop ik echter tegen het probleem aan dat als ik 1 product heb gescant, ik continue het input veld opnieuw met de muis moet aanklikken.

Bekijk de demo via: http://demo.wcpos.com/pos
Links naast het input veld moet je even op het vergrootglas klikken en die veranderen naar scan barcode.

Om te zien wat ik bedoel moet je in het input veld, zodra je scan barcode hebt geselecteerd, het volgende plakken: BARCODE . op het moment dat je dat hebt gedaan, wordt er automatisch een product toegevoegd aan de winkelwagen en word het input veld leeg gemaakt.

Nu heb ik het geprobeerd op te lossen met autofocus, maar dat werkt maar één keer. Nu ben ik op zoek naar een permanente oplossing maar ik kom er niet uit. wie kan mij helpen?

[Tsjilp]

Na het leegmaken .focus() op het veld aanroepen middels javascript

[DJMaze]

Arjan-901 schreef op maandag 5 december 2016 @ 18:43:
Bekijk de demo

Errors:
Using //@ to indicate sourceMappingURL pragmas is deprecated. Use //# instead
SecurityError: The operation is insecure.
TypeError: b is undefined app.min.js
TypeError: POS is undefined

Heerlijk dit soort software. Crasht altijd bij mij

[Arjan-901]

Tsjilp schreef op dinsdag 6 december 2016 @ 13:41:
Na het leegmaken .focus() op het veld aanroepen middels javascript

Heb een aantal dingen geprobeerd, maar helaas te weinig ervaring met javascript.
Zou je me een stapje verder kunnen helpen waar en hoe ik het moet toevoegen?

[iDani]

Is dit misschien wat je bedoelt?

http://jsfiddle.net/qygB2/1618/

[DJMaze]

Doe niet zo moeilijk met jQuery, hij vraagt JavaScript:

HTML:

<input id="focusonformreset">
<button type="reset" onclick="document.getElementById('focusonformreset').focus()">Reset</button>

Of gebruik de autofocus

HTML:

<input autofocus="">
<button type="reset" onclick="this.form.querySelector('input[autofocus]').focus()">Reset</button>

[ Voor 35% gewijzigd door DJMaze op 21-12-2016 14:56 ]