Ограничение ползунка input range
 

<script>
    function test() {
        var slider = document.getElementById('sl')
        var number = document.getElementById('tx')
		
        number.value = slider.value
        if(slider.value > 80) {slider.value = 80}
    }
</script>

<input id="sl" type="range" onchange="test()">
<input id="tx" type="text">

Здравствуйте!
Хочу сделать ограничение ползунка.

Мой вариант работает только в хроме, а в опере ползунок становится на свое место только после отпускания курсора.

То есть здесь проблема с событиями скорее всего.
А мне нужно именно такого типа ограничения, так как оно будет динамическим.
И родные min, max не подходит.

Подскажите пожалуйста можно ли здесь что-то сделать?
Спасибо!