Hola, quiero que al presionar un botón se inicie una función y cuando se deje presionado se inice una función distinta. Lo he intentado con onclick y onmousedown pero si lo presiono se inician ambas funciones al mismo tiempo y si lo dejo presionado se inicia onmousedown y cuando suelto la función de onclick. Gracias!
entre Desarrolladores
Recibe ayuda de expertos
Registrate y pregunta
Es gratis y fácil
Recibe respuestas
Respuestas, votos y comentarios
Vota y selecciona respuestas
Recibe puntos, vota y da la solución
Pregunta
Una función al presionar y otra al dejar presionado un botón
- preguntó
- Web
- 11734 Vistas
- 2 Respuestas
- solucionada
2 Respuestas
Mantener presionado a veces recibe el nombre de longclick, y es mas común en devices móviles.
De por si no hay un evento nativo web para esto por tanto debes arreglártela con lo siguiente:
var mibtn= document.getElementById('miBoton');
var timer = null;
mibtn.onmousedown = function(){
timer = setTimeout( doStuff, 2000 );
};
mibtn.onmouseup = function(){
clearTimeout( timer );
};
function doStuff() {
alert('Esto se muestra al mantener presionado el boton por 2 segundos.')
}
Por favor, accede o regístrate para añadir un comentario.
Lo haria asi:
var myBtn= document.getElementById('miBoton');
var timer, timePressed = 0;
myBtn.addEventListener('touchstart', function(e){
timePressed = 0;
timer = setInterval(function(){
//aqui tienes el control de cuanto tiempo el boton esta presionado
timePressed += 100;
if (timePressed > 500){
alert('Largo click!');
clearInterval(timer);
}
}, 100);
});
myBtn.addEventListener('touchend', function(e){
clearInterval(timer);
});
myBtn.addEventListener('click', function(e){
alert('Corto click!');
});
Por favor, accede o regístrate para añadir un comentario.
Por favor, accede o regístrate para responder a esta pregunta.
En el blog
-
- 407163
- 1
- Jul 5, 2015
Sin Respuesta
-
- 179
- 0
- Mar 19
-
- 94
- 2
- Feb 26
-
- 1198
- 0
- Nov 7, 2023
-
- 308
- 0
- Sep 19, 2023
-
- 310
- 0
- Ago 21, 2023
-
- 395
- 0
- May 14, 2023
-
- 364
- 0
- Abr 21, 2023
-
- 449
- 0
- Mar 31, 2023
- ver todas
Preguntas relacionadas
- ¿Cómo mostrar una imagen oculta con Javascript y botón en JSP?
- como actualizar una pagina la imagen y se redireccione a otra pagina
- Hola tengo un enlace con un llamado, opciones aceptar o cancelar y quiero que el resultado lo abra en otra ventana
- guardar texto en memoria cache y mostrarlo en word, excel, paint al presionar una sola tecla
- COMO RETORNAR AL BOTÓN PLAY HTML JS
Actividad Reciente
ArtEze respondió hace 4 días
Alguien sabe, no me ignorenArtEze seleccionó una respuesta hace 4 días
Bajar extensión de Chrome sin actualizar el navega…ArtEze respondió hace 4 días
Bajar extensión de Chrome sin actualizar el navega…ArtEze preguntó hace 4 días
Bajar extensión de Chrome sin actualizar el navega…ArtEze respondió hace 4 días
No me deja instalar OracleArtEze respondió hace 4 días
Formulario que guarde los datos de un jsonArtEze comentó hace 4 días
Script /boot/ scrapingSantiago2610 comentó Mar 23
Acualizar ChoiceField en djangoSantiago2610 preguntó Mar 19
Acualizar ChoiceField en djangogonzalss preguntó Feb 26
Script /boot/ scraping
Ultimas Preguntas
Preguntas relacionadas
- ¿Cómo mostrar una imagen oculta con Javascript y botón en JSP?
- como actualizar una pagina la imagen y se redireccione a otra pagina
- Hola tengo un enlace con un llamado, opciones aceptar o cancelar y quiero que el resultado lo abra en otra ventana
- guardar texto en memoria cache y mostrarlo en word, excel, paint al presionar una sola tecla
- COMO RETORNAR AL BOTÓN PLAY HTML JS
Usuarios Top
- Leonardo-Tadei
- 227320 Puntos
- Peter
- 150470 Puntos
- white
- 75880 Puntos
- carlossevi
- 63580 Puntos
- magarzon
- 30650 Puntos
- pregunton
- 20400 Puntos
Todos los Usuarios Usuarios Nuevos
...