Draggable & entrada táctil activada/seleccionar Spinner en Vanilla JavaScript-Tirette. js
| Autor: | olco |
|---|---|
| Views Total: | 210 |
| Sitio oficial: | Ir a la web |
| Actualizado: | February 7, 2019 |
| Licencia: | MIT |
Vista prévia
Descripción
La biblioteca de JavaScript Tirette. js le ayuda a crear un Spinner de entrada donde puede aumentar & disminuir los valores mediante el uso de eventos de arrastre en el escritorio o dispositivo móvil.
También admite el elemento SELECT que facilita el cambio entre las opciones con el evento de arrastre.
Funcionamiento
Importa el JavaScript Tirette. js y StyleSheet Tirette. CSS en el documento.
<link rel="stylesheet" href="tirette.css"> <script src="tirette.js"></script>
Añada la clase CSS Tirette a la entrada de número TARGER o seleccione el elemento. Hecho.
<input type="number" class="tirette" placeholder="Drag --->" aria-label="Type Something">
<select aria-label="select" class="tirette"> <option value="">--Choose An Option--</option> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="mercedes">Mercedes</option> <option value="audi">Audi</option> </select>
Utilice el atributo Accurarcy para administrar la precisión del Spinner.
<select aria-label="select" class="tirette" accuracy="20"> <option value="">--Choose An Option--</option> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="mercedes">Mercedes</option> <option value="audi">Audi</option> </select>
