[PROMOÇÃO] Assine com + 30% de desconto ANUAL MENSAL (últimas horas)
Carlos Uchôa
Criador Carlos Uchôa 06/04/2022

Boa noite professor, estou tentando utilizar a chamada da função apenas quando a tecla ctrl + c seja acionada, mas nao to conseguindo, quando pressiono apenas o ctrl, ele ja chama o alert... o que estou fazendo de errado? para acionar apenas quando o ctrl + c for pressionado?

 

segue o código:

 

<!DOCTYPE html>

<html lang="pt-br">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Eventos com VUEJS</title>

</head>

<body>

    <div id="exemplo6">

        <div @click.ctrl.63.exact="testeEvento">

            Clique Aqui !!

        </div>

        

    </div>

    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>

    <script>

        var app = new Vue({

            el: '#exemplo6',

            data:{

             

            },

            methods: {

                testeEvento(){

                    alert('Clicou na div testeEvento')

                }

            }

        })

    </script>

</body>

</html>

Manager Carlos Ferreira 06/04/2022

Olá, Carlos!
Tudo bem?

No exemplo que você enviou, se pressionar as teclas CTRL + C e clicar no texto "Clique Aqui !!" dispara o evento.

Você consegue pegar este evento dentro de por exemplo um input de um formulário
@keyup.ctrl.76="testeEvento"

Carlos Ferreira
Criador Carlos Uchôa 06/04/2022

isso, porém será que serviria para eu chamar teclas de atalho? apenas com keyup ? não conseguiria pegar combinações como ctrl + c e ctrl + v ? é isso que estou tentando fazer entende?

Carlos Uchôa
Manager Carlos Ferreira 06/04/2022

Entendi, vc quer interceptar quando o usuário pressionar as teclas CTRL + C em qualquer lugar da página, certo?

Se combinar com JS vc consegue interceptar as teclas digitadas:
mounted() {
    window.addEventListener("keypress", e => {
      console.log(String.fromCharCode(e.keyCode));
    });
},

Carlos Ferreira
Criador Carlos Uchôa 06/04/2022

hummmmmmmm valeu mestre, era isso mesmo, achei que consegueria fazer só com o vuejs , obrigado 

Carlos Uchôa
Sabe a Solução? Ajude a resolver!

Precisa estar logado para conseguir responder a este ticket!

Clique Aqui Para Entrar!