14

Estou à procura de uma maneira de simular o keypress de shift + 1 via javascript para criar um ponto de exclamação ! para uma série de testes (specs) numa framework em que estou envolvido.

Tenho usado uma framework (Syn) , exemplo de jsFiddle, mas não consigo atravéz dela reproduzir/disparar o evento de um keypress shift + 1.

Segundo a documentação seria:

Syn.type('JavaScriptMVC[shift]1[shift-up]', 'elementID')

Mas não tive sucesso em conseguir detectar o .shiftKey == true no evento.

Existe outra maneira usando javascript "puro" ?

Tentei usar esta resposta no SO sem sucesso e percebí que o createEvent está deprecado e não encontrei também outro caminho.

6
  • O teste tem que ser necessariamente escrito em javascript... senão poderia usar alguma ferramenta de automação do browser, como o Selenium Commented 29/04/2014 às 13:13
  • Ou então o PhantomJs... que permite escrever scripts em javascript para manipular o browser, que é um webkit headless. Commented 29/04/2014 às 13:14
  • Porque não utiliza o Jquery e com ele você faz um evento trigger?
    – cavalsilva
    Commented 30/04/2014 às 19:12
  • Conseguiu resolver essa questão Sergio?
    – durtto
    Commented 23/12/2015 às 19:40
  • @durtto sim e não. Para browsers modernos o Syn funciona. Para IE<8 não.
    – Sergio
    Commented 23/12/2015 às 19:42

2 Respostas 2

1

Eu fiz um pequeno script, acredito que não seja a solução, mas acredito que possa te levar a uma.

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<form action="">
<input type="text" id="kinput" style="font-size:150%;width:600px">
<br>
<textarea style="width:600px;border:1px solid black" onfocus="this.blur()" id="textArea" rows="18"></textarea>
<br>
<input type="reset" value="Limpar" />
</form> 
    <script>
        document.getElementById('kinput').onkeydown = khandle
        document.getElementById('kinput').onkeyup = khandle
        document.getElementById('kinput').onkeypress = khandle
        function khandle(e) {
          e = e || event;
          var evt = e.type;
          while (evt.length < 10) evt += ' '
          showmesg(evt + 
            ' keyCode=' + e.keyCode + 
            ' which=' + e.which + 
            ' charCode=' + e.charCode +
            ' char=' + String.fromCharCode(e.keyCode || e.charCode) +
            (e.shiftKey ? ' +shift' : '') +
            (e.ctrlKey ? ' +ctrl' : '') +
            (e.altKey ? ' +alt' : '') +
            (e.metaKey ? ' +meta' : ''), 'key'
          )

        }
        function showmesg(t, form) {
            var area = document.getElementById('textArea');
            area.value += t + '\n';
            area.scrollTop = area.scrollHeight
        }
    </script>
</body>
</html>
2
  • 1
    Bruno, obrigado por ter visto a minha pergunta. Na verdade o que eu procuro não é analizar o evento nem as propriedades do objeto evento. O que eu quero é simular/criar/despoletar um evento que insira texto no meu input programáticamente. Se achou a pergunta pouco clara lamento e esteja à vontade para sugerir alterações. Dê uma olhada ao jsFiddle que coloquei na pergunta e talvez isso ajude a clarificar. Obrigado.
    – Sergio
    Commented 14/04/2014 às 17:31
  • Amigo, talvez voce consiga usando o VBScript no InternetExplorer numa configuração de baixa segurança. Através do VBScript voce pode acessar o objeto do seu navegador e simular um click ou keypress... Commented 14/04/2014 às 19:35
1

Existe uma lib bacana para trabalhar com hotkeys jquery.hotkeys

Atualizei o fiddle, da uma olhada http://jsfiddle.net/RefeY/1/

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .