Click anywhere in this pane, then try tabbing through the elements.
<p>Click anywhere in this pane, then try tabbing through the elements.</p>
<ch5-slider
id="demo"
step="20"
min="0"
max="200"
value="20">
</ch5-slider>
<br><br>
<ch5-slider
id="demo2"
step="20"
min="0"
max="200"
value="20"
valueHigh="80"
range="true">
</ch5-slider>
var elem = document.getElementById("demo");
var elem2 = document.getElementById("demo2");
elem.addEventListener('focus', function(e){
console.log('#demo focus event: ', e);
});
elem.addEventListener('blur', function(e){
console.log('#demo blur event: ', e);
});
elem2.addEventListener('focus', function(e){
console.log('#demo2 focus event: ', e);
});
elem2.addEventListener('blur', function(e){
console.log('#demo2 blur event: ', e);
});