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
- 11719 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
-
- 406873
- 1
- Jul 5, 2015
Sin Respuesta
-
- 99
- 0
- Mar 19
-
- 65
- 1
- Feb 26
-
- 155
- 0
- Ene 30
-
- 612
- 0
- Nov 7, 2023
-
- 260
- 0
- Sep 19, 2023
-
- 286
- 0
- Ago 21, 2023
-
- 365
- 0
- May 14, 2023
-
- 324
- 0
- Abr 21, 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
Santiago2610 comentó hace 6 días
Acualizar ChoiceField en djangoSantiago2610 preguntó Mar 19
Acualizar ChoiceField en djangogonzalss preguntó Feb 26
Script /boot/ scrapingParkJo preguntó Ene 30
No me deja instalar Oracleelporfirio respondió Ene 10
Actualizar la imagen con los datos devuelto en un …ovedg preguntó Dic 31, 2023
Actualizar la imagen con los datos devuelto en un …Ehdez preguntó Nov 7, 2023
Necesito en wordpress un pluging que me calcule la…pedrourday preguntó Sep 19, 2023
Alternativas a ThreeJS y BabylonJS?pedrourday preguntó Ago 21, 2023
¿Que tecnologias y lenguajes me recomiendan?Fabio respondió Jul 11, 2023
plugin de efecto circular 3d en imagenes
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
- 150460 Puntos
- white
- 75880 Puntos
- carlossevi
- 63580 Puntos
- magarzon
- 30650 Puntos
- pregunton
- 20400 Puntos
Todos los Usuarios Usuarios Nuevos
...