[html/js] input type range onchange

[PdeBie]

Waarschijnlijk gewoon een maandagmorgen issue , maar op de een of andere manier werkt het onchange event van mijn range inputs niet.

http://jsfiddle.net/6q3q1gso/


Wie o wie maakt me wakker met een mep voor mijn harses och natuurlijk momentje!

[Oaquasis]

Op de een of andere manier doet dat onchange event op dat element niets...

Zo werkt het iig bij mij wel:

JavaScript:

var slider = document.getElementById('slider1'),
    textbox = document.getElementById('text1');

slider.onchange = function(){
    textbox.value = this.value;
}

[PdeBie]

ah, dus toch geen maandagmorgen moment

Merk jij nog verschil trouwens tussen browsers met het onchange event? Ik zit hier op IE11 en Chrome 44.0.2403.157m, maar in beide versies werkt jouw oplossing inderdaad wel, maar het onchange event op het control zelf niet.

[Barryvdh]

Ik krijg in de console: Uncaught ReferenceError: printValue is not defined

Als ik de javascript in de body zet, in plaats van document ready onLoad, doet hij het wel : http://jsfiddle.net/ekqvqq1t/

[ Voor 3% gewijzigd door Barryvdh op 24-08-2015 11:05 ]

[PdeBie]

Ow serieus? Zou het een jsFiddle config foutje van me geweest zijn? (dus die settings links bovenin)

pfffffffff.... koffie!!!!!

[Klaasvaak]

Als je het oninput event gebruikt, wordt er tijdens het slepen van de slider live geupdate i.p.v. pas bij het loslaten.

[PdeBie]

Klaasvaak schreef op maandag 24 augustus 2015 @ 11:14:
Als je het oninput event gebruikt, wordt er tijdens het slepen van de slider live geupdate i.p.v. pas bij het loslaten.

Ow, dat is misschien wel handig. Dan zie je "waar je bent". Is misschien wel duidelijker ja.

[Oaquasis]

Zo, goeiemorgen...die onLoad had ik zelf ook effe over het hoofd gezien...doh!

Ik gebruik over het algemeen van die event-binds ipv events in het html element.
Dan kun je je JS gescheiden houden van je HTML en in een aparte file stoppen, maar het kan allebei.

[PdeBie]

ja klopt, normaal gesproken gebruik ik ook bijvoorbeeld jQuery voor dit soort zaken, maar ik was gewoon even benieuwd naar de range-input op zich zelf staand.

Had deze nog nooit gebruikt en was even benieuwd of dit een beetje makkelijk in gebruik was.