Class: InputDuration

InputDuration()

new InputDuration()

Class for the Input-Duration webcomponent
Source:

Extends

  • HTMLElement

Members

value

get the input-duration value, pulls values from each input so in js use var x = document.querySelector("#bobPrepop").value;
Source:

value

set the input-duration value so in js use document.querySelector("#bobPrepop").value = "05:05:05.005"
Source:

Methods

add0s()

eventlistener that adds 0s to preface numbers less than 10 triggered by the change event of the input
Source:
See:
  • boot()

addArrowKeyInput()

eventlistener that adds arrow key input of values (up/down) and place toggling (left/right) triggered by the change event of the input
Source:
See:
  • boot()

addClicksToActivate()

eventlistener that adds click to activate input of values by the keyboard triggered by the click event of the input
Source:
See:
  • boot()

addHTML()

updates inputs-duration marked with shadow html and css
Source:
See:
  • boot()

addNumberLooping()

eventlistener that adds number looping for up and down keys triggered by the change event of the input
Source:
See:
  • boot()

addNumericInput()

eventlistener that adds number input for keyed values triggered by the keyup event
Source:
See:
  • boot()

boot()

Called from constructor, sets up the html and event listeners
Source:

disable()

disables entire control => read-only
Source:

noHours()

removes the hours, so the display is mm:ss.uuu
Source:

nonNumericBugInHTML()

eventlistener that adds key filtering to stop letters (or other non-numerics) from being input triggered by the keypress event of the input
Source:
See:
  • boot()

removeEprop()

Stop event propigation from the timeCase up through the DOM so when keys are being used they don't affect other controls (like volume on plyr)
Source: