Ir para conteúdo
Chris Martin

Como detectar o evento CTRL + P

Recommended Posts

Gostaria de saber como detectar o CTRL + P, para redirecionar a pessoa para uma página de impressão, que no caso seria o popup, meu problema está sendo em detectar quando este atalho está sendo utilizado

Compartilhar este post


Link para o post
Compartilhar em outros sites

Para detectar os botões control + p do teclado você pode utilizar esse código aqui:

<script language="javascript">

var pressedCtrl = false; 

document.onkeyup=function(e){ 
    if(e.which == 17) 
            
    pressedCtrl =false;
}


document.onkeydown=function(e){
    if(e.which == 17)
        pressedCtrl = true; 

    if(e.which == 80 && pressedCtrl == true) {

 <!--Aqui você coloca o que quer fazer quando pressionar control + p -->

}

</script>

  • +1 1

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora


  • Conteúdo Similar

    • Por Rogerio Pancini
      Bom dia pessoal.
       
      Eu fui, fazendo, acertando, até conseguir finalizar um auto cálculo em Jquery, que ficou funcionando corretamente.
      Fiz em um formulário de outra página.
      Porém, fui usar o mesmo script em uma nova página, conferindo sempre nomes, classes e afins.
      Mesmo batendo tudo, neste novo formulário, o auto cálculo não funciona.
      Já revirei tudo, mas não consigo encontrar porque ele não funciona.
       
      Pela primeira vez usei o JSFiddle (aqui), mas segue também escrito o que fiz até agora:
       
      <script src="https://blackrockdigital.github.io/startbootstrap-sb-admin-2/vendor/jquery/jquery.min.js"></script> <script type="text/javascript" src="https://plentz.github.io/jquery-maskmoney/javascripts/jquery.maskMoney.min.js"></script> <form name="pedido" id="pedido" method="post" enctype="multipart/form-data" action=""> <div class="row"> <div class="form-group col-md-6"> <input type="text" name="nome" class="form-control" id="nome" placeholder="Nome" tabindex="1"/> </div> <div class="form-group col-md-6"> <input type="text" name="sobrenome" class="form-control" id="sobrenome" placeholder="Sobrenome" tabindex="2"/> </div> <div class="form-group col-md-6"> <input type="text" name="telefone" class="form-control telefone" id="telefone" placeholder="Telefone/ Celular" maxlength="15" tabindex="3"> </div> <div class="form-group col-md-6"> <input type="text" name="email" class="form-control" id="email" placeholder="E-mail" tabindex="4"/> </div> <div class="form-group col-md-6"> <div class="form_select_config"> <select name="estado" tabindex="5" style="background-color: #FFFFFF;"> <option value="">Selecione o estado</option> <option value="01">Acre</option><option value="02">Alagoas</option><option value="04">Amapá</option><option value="03">Amazonas</option><option value="05">Bahia</option><option value="06">Ceará</option><option value="07">Distrito Federal</option><option value="08">Espírito Santo</option><option value="09">Goiás</option><option value="10">Maranhão</option><option value="13">Mato Grosso</option><option value="12">Mato Grosso do Sul</option><option value="11">Minas Gerais</option><option value="14">Pará</option><option value="15">Paraíba</option><option value="18">Paraná</option><option value="16">Pernambuco</option><option value="17">Piauí</option><option value="19">Rio de Janeiro</option><option value="20">Rio Grande do Norte</option><option value="23">Rio Grande do Sul</option><option value="21">Rondônia</option><option value="22">Roraima</option><option value="24">Santa Catarina</option><option value="26">São Paulo</option><option value="25">Sergipe</option><option value="27">Tocantins</option> </select> </div> </div> <div class="form-group col-md-6"> <div class="form_select_config"> <select name="cidade" tabindex="6"> <option value="" selected="selected" disabled="disabled">Escolha um estado primeiro</option> </select> </div> </div> <div class="form-group col-md-12"> <textarea class="form-control" rows="5" name="mensagem" id="mensagem" placeholder="Mensagem" tabindex="7"></textarea> </div> <div class="clear"></div> <div class="form-group col-md-12"> <div class="linha_topo_orc"> <div class="row"> <div class="nome_desktop"> <p class="exp" style="text-align: center;">Selecione</p> </div> <div class="nome_smartphone text-center-mobile"> <div class="col-md-12"> <div class="col-md-2"> <p class="exp">&nbsp;</p> </div> <div class="col-md-2"> <p class="exp">Espécie</p> </div> <div class="col-xs-6 col-sm-2 col-md-2"> <p class="exp">Quant.</p> </div> <div class="col-xs-6 col-sm-2 col-md-2"> <p class="exp">Tamanho</p> </div> <div class="col-xs-6 col-sm-2 col-md-2"> <p class="exp">Preço</p> </div> <div class="col-xs-6 col-sm-2 col-md-2"> <p class="exp">Total</p> </div> </div> </div> </div> </div> <!-- <label for="id_item_up[]" generated="true" class="error" style="display:none;"></label> --> <div class="linha_orc"> <div class="row"> <div style="visibility: hidden; height: 1px;"> <input name="id_item_up[33]" id="id_item_up[33]" class="checkbox-custom" type="checkbox" value="33" style="width:50%;" tabindex="18" checked> </div> <div class="col-md-2"> <img src="/projetos/centraldopeixe/images/especies/orc/4a42e1b24720547d3082481bccb02ad5.jpg" style="margin-top: 15%;"> </div> <div class="col-md-2 no_padding"> <div class="nome_smartphone"> <div style="font-size: 16px; text-align: center; height: 100% !important; padding: 16px 8px !important; font-size: 20px !important; font-family: 'WorkSans-Bold' !important;">Tilápia</div> </div> <div class="nome_desktop"> <p class="nome_esp input_esp">Tilápia</p> </div> </div> <div class="col-xs-6 col-sm-2 col-md-2"> <input type="text" name="quantidade[33]" id="quantidade[33]" class="form-control input_qtde qtde_orc" placeholder="Quant."/> </div> <div class="col-xs-6 col-sm-2 col-md-2"> <div class="form_select_config fs_pedido"> <select name="tamanho[33]" id="tamanho[33]" class="s_pedido"> <option value="" selected="selected" disabled="disabled">Tamanho</option> <option value="Alevino">Alevino</option> <option value="Juvenil">Juvenil</option> <option value="Adulto">Adulto</option> </select> </div> </div> <div class="col-xs-6 col-sm-2 col-md-2"> <input type="text" name="preco[33]" id="preco[33]" value="" class="form-control input_qtde real valor_orc" placeholder="Preço"/> </div> <div class="col-xs-6 col-sm-2 col-md-2"> <input type="text" name="total[33]" id="total[33]" class="form-control input_qtde valor_total_orc" placeholder="Total"/> </div> <div style="visibility: hidden; height: 1px;"> <input name="id_item_up[7]" id="id_item_up[7]" class="checkbox-custom" type="checkbox" value="7" style="width:50%;" tabindex="18" checked> </div> <div class="col-md-2"> <img src="/projetos/centraldopeixe/images/especies/orc/23996772607f968bd784686d66c1348a.jpg" style="margin-top: 15%;"> </div> <div class="col-md-2 no_padding"> <div class="nome_smartphone"> <div style="font-size: 16px; text-align: center; height: 100% !important; padding: 16px 8px !important; font-size: 20px !important; font-family: 'WorkSans-Bold' !important;">Black Bass</div> </div> <div class="nome_desktop"> <p class="nome_esp input_esp">Black Bass</p> </div> </div> <div class="col-xs-6 col-sm-2 col-md-2"> <input type="text" name="quantidade[7]" id="quantidade[7]" class="form-control input_qtde qtde_orc" placeholder="Quant."/> </div> <div class="col-xs-6 col-sm-2 col-md-2"> <div class="form_select_config fs_pedido"> <select name="tamanho[7]" id="tamanho[7]" class="s_pedido"> <option value="" selected="selected" disabled="disabled">Tamanho</option> <option value="Alevino">Alevino</option> <option value="Juvenil">Juvenil</option> <option value="Adulto">Adulto</option> </select> </div> </div> <div class="col-xs-6 col-sm-2 col-md-2"> <input type="text" name="preco[7]" id="preco[7]" value="" class="form-control input_qtde real valor_orc" placeholder="Preço"/> </div> <div class="col-xs-6 col-sm-2 col-md-2"> <input type="text" name="total[7]" id="total[7]" class="form-control input_qtde valor_total_orc" placeholder="Total"/> </div> <div style="visibility: hidden; height: 1px;"> <input name="id_item_up[8]" id="id_item_up[8]" class="checkbox-custom" type="checkbox" value="8" style="width:50%;" tabindex="18" checked> </div> <div class="col-md-2"> <img src="/projetos/centraldopeixe/images/especies/orc/d7aff9de2ff60eade6cb39a35b1dec75.jpg" style="margin-top: 15%;"> </div> <div class="col-md-2 no_padding"> <div class="nome_smartphone"> <div style="font-size: 16px; text-align: center; height: 100% !important; padding: 16px 8px !important; font-size: 20px !important; font-family: 'WorkSans-Bold' !important;">Cachara</div> </div> <div class="nome_desktop"> <p class="nome_esp input_esp">Cachara</p> </div> </div> <div class="col-xs-6 col-sm-2 col-md-2"> <input type="text" name="quantidade[8]" id="quantidade[8]" class="form-control input_qtde qtde_orc" placeholder="Quant."/> </div> <div class="col-xs-6 col-sm-2 col-md-2"> <div class="form_select_config fs_pedido"> <select name="tamanho[8]" id="tamanho[8]" class="s_pedido"> <option value="" selected="selected" disabled="disabled">Tamanho</option> <option value="Alevino">Alevino</option> <option value="Juvenil">Juvenil</option> <option value="Adulto">Adulto</option> </select> </div> </div> <div class="col-xs-6 col-sm-2 col-md-2"> <input type="text" name="preco[8]" id="preco[8]" value="" class="form-control input_qtde real valor_orc" placeholder="Preço"/> </div> <div class="col-xs-6 col-sm-2 col-md-2"> <input type="text" name="total[8]" id="total[8]" class="form-control input_qtde valor_total_orc" placeholder="Total"/> </div> </div> </div> <div class="linha_orc"> <div class="row"> <div class="col-md-12"> <div style="visibility: hidden; height: 1px;"> </div> <div class="col-md-2"> </div> <div class="col-md-2"> </div> <div class="col-md-2"> </div> <div class="col-md-2"> </div> <div class="col-md-2"> <div class="fundo_cinza"> <div style="font-size: 16px; text-align: center; height: 100% !important; padding: 16px 8px !important; font-size: 20px !important; font-family: 'WorkSans-Bold' !important; color: #0C3052; margin-top: 24px;">Total</div> </div> </div> <div class="col-md-2"> <input type="text" name="total" id="total" class="form-control input_qtde" style="background-color: #c0c0c0;" placeholder="Total"/> </div> </div> </div> </div> </div> <div class="clear"></div> <div class="row"> <div class="col-md-4"> <div class="form-group"> <input type="reset" title="Limpar" value="Limpar" id="btn_limpar" name="limpar" class="btn_limpar"> </div> </div> <div class="col-md-4"></div> <div class="col-md-4"> <div class="form-group"> <input type="submit" title="Enviar" value="Enviar" id="btn_submit" name="enviar" id="enviar"> </div> </div> </div> <div class="row"> <div class="col-md-4"></div> <div class="col-md-4"> <div class="form-group"> <input type="submit" title="Imprimir" value="Imprimir" id="btn_submit" name="imprimir" id="imprimir"> </div> </div> <div class="col-md-4"></div> </div> </div> </form> .pedido_desktop, .nome_desktop { display: block; } .pedido_smartphone, .nome_smartphone { display: none; } @media (min-width: 992px) and (max-width: 1199px) {} @media (min-width: 769px) and (max-width: 991px) {} @media (min-width: 481px) and (max-width: 768px) { .pedido_desktop, .nome_desktop { display: none; } .pedido_smartphone, .nome_smartphone { display: block; } } @media only screen and (max-width: 480px) { .pedido_desktop, .nome_desktop { display: none; } .pedido_smartphone, .nome_smartphone { display: block; } } $(".real").maskMoney({ prefix: 'R$ ', thousands: '.', decimal: ',', affixesStay: true }); function rePlace(i) { return parseFloat(i.replace(/[^\d.,]/g, "").replace('.', '').replace(',', '.')); } Number.prototype.formataReal = function(c, d, t) { var n = this, c = isNaN(c = Math.abs(c)) ? 2 : c, d = d == undefined ? "," : d, t = t == undefined ? "." : t, s = n < 0 ? "-" : "", i = parseInt(n = Math.abs(+n || 0).toFixed(c)) + "", j = (j = i.length) > 3 ? j % 3 : 0; return s + (j ? i.substr(0, j) + t : "") + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + t) + (c ? d + Math.abs(n - i).toFixed(c).slice(2) : ""); }; //any time the amount changes $(document).ready(function() { $('.qtde_orc, .valor_orc').change(function(e) { var valor_total_orc = 0; var $row = $(this).parent(); var valor_orc = rePlace($row.find('.valor_orc').val()); var qtde_orc = $row.find('.qtde_orc').val(); valor_total_orc = parseFloat(valor_orc * qtde_orc); //update the row total $row.find('.valor_total_orc').val('R$ ' + (valor_total_orc).formataReal(2, ',', '.')); var total_geral = 0; $('.valor_total_orc').each(function() { //Get the value var tg = rePlace($(this).val()); //if it's a number add it to the total if (IsNumeric(tg)) { total_geral += parseFloat(tg); } }); $('.total_geral').val('R$ ' + (total_geral).formataReal(2, ',', '.')); }); }); function IsNumeric(input) { return !isNaN(parseFloat(input)) && isFinite(input); Se alguém puder dar uma luz de onde pode estar o problema, eu agradeço.
       
      O replace dá erro "Uncaught TypeError: Cannot read property 'replace' of undefined".
      Se eu remover o replace e der um alert no qtde_orc, ele retorna undefined.
      Só a formatação muda aqui.
    • Por piteco
      Olá boa tarde, eu fiz um scoll para deslizar entre as ancoras que ficam na mesma página, uma dessas ancoras
      fica numa página separada, devido a isso eu precisei colocar '/' antes da ancora com isso o efeito parou de funcionar (uso o mesmo topo para as páginas),
      ele vai direto para as tag´s.
       
      ... <li><a href="/#sobre" title="" class="scrollSuave">Sobre</a></li> ... <script type="text/javascript"> $('.scrollSuave').click(function(){ $doc.animate({ scrollTop: $( $.attr(this, 'href') ).offset().top }, 1500); return false; }); </script>  
    • Por uninerds
      Olá pessoal, estamos criando algumas vídeo aulas de programação em HTML5 e CSS e gostaríamos que vocês dessem críticas e sugestões do que podemos estar fazendo para melhorar
      Segue o link da playlist com 19 vídeos de HTML5
      https://www.youtube.com/playlist?list=PLi3qhjm7dbeeC5h0NDfUiRqEvE0v08Pdd
       
      1 - O que é HTML, CSS e JavaScript?
      É explicado o que é HTML, CSS e JavaScript e porque é necessário conhecer estas 3 linguagens para programar para Web
       
      2 - Programas Necessários
      É mostrado os programas necessários para começar a programar (estamos fazendo as vídeo aulas no sistema operacional Xubuntu)
       
      3 - Primeiro HTML5
      Começamos a mostrar de fato como começar a programar em HTML e como fazer para validar o código
       
      4 - Hierarquia de títulos e linha horizontal
      Como fazer hierarquia de títulos e colocar linha horizontal
      Tags: h1 até h6 e hr
       
      5 - Parágrafo, quebra de linha e texto pré-formatado
      Como fazer parágrafo, quebra de linha e texto pré-formatado
      Tags: p, br e pre
       
      6 - Formatação de texto
      Como fazer formatação de texto
      Tags: b, strong, i, em, mark, small, sub, sup, ins e del
      Atributos: cite e datetime das tags ins e del
       
      7 - Citações
      Como fazer citações
      Tags: q, blockquote, cite, address, abbr e bdo
      Atributos: title da tag abbr, dir da tag bdo e cite das tags q e blockquote
       
      8 - Comentários e comentários condicionais
      Como fazer comentário e para que serve
       
      9 - Arquivo Externo
      Como fazer referência de arquivo externo no HTML
       
      10 - Links | Parte 1
      Como fazer links para abrir outros HTML, enviar e-mail, executar JavaScript e direcionar para um local específico
      Tag: a
      Atributos: href, hreflang e type
       
      11 - Links | Parte 2
      Como criar links para download, diferentes formas de abrir no navegador e vulnerabilidade do target="_blank"
      Tag: a
      Atributos: download e target
      Valores para o target: _self, _blank, _top e _parent
       
      12 - Links | Parte 3
      Como resolver vulnerabilidade do target="_blank" e o atributo rel
      Tag: a
      Atributo: rel
      Valores para o rel: alternate, author, bookmark, prev, next, external, help, license, search, tag, nofollow, noreferrer, noopener
       
      13 - Bloco e Linha
      O conceito de tag de bloco e de linha
      Tags: div e span
       
      14 - Imagem | Parte 1
      Como colocar imagem no HTML
      Tag: img
      Atributos: src, alt, width, height, crossorigin, ismap e longdesc
      Valores para o crossorigin: anonymous e use-credentials
       
      15 - Imagem | Parte 2
      Como fazer mapeamento de imagem para colocar link dentro dela
      Tags: img, map e area
      Atributo da img: usemap
      Atributo da map: name
      Atributos da area: shape, coords e alt
      Valores para o shape: circle, rect e poly
       
      16 - Imagem | Parte 3
      Como definir imagens diferentes para dispositivos com características de tela diferentes
      Tags: img, picture e source
      Atributos da img: srcset e sizes
      Atributos da source: srcset, sizes, media e type
       
      17 - Tabela | Parte 1
      Como criar tabela em HTML
      Tags: table, caption, tr, th e td
      Atributos da th: abbr, sorted e scope
      Atributos da th e da td: colspan, rowspan e headers
      Valores para o scope: col, colgroup, row e rowgroup
       
      18 - Tabela | Parte 2
      Como altarar estilo de uma coluna inteira e definir cabeçalho, corpo e rodapé da tabela
      Tags: colgroup, col, thead, tbody e tfoot
      Atributo da colgroup e col: span
       
      19 - Lista
      Como criar lista não-ordenada, ordenada e de descrição
      Tags: ul, li, ol, dl, dt e dd
      Atributos da ol: type, reversed e start
      Atributos da li quando estiver na ol: value
      Valores para o type: 1, a, A, i e I
       
      Segue o link da playlist com 9 vídeos de CSS
      https://www.youtube.com/playlist?list=PLi3qhjm7dbedkcSwqOrGYHD_E_0H7Nopj
       
      1 - O que é HTML, CSS e JavaScript?
      É explicado o que é HTML, CSS e JavaScript e porque é necessário conhecer estas 3 linguagens para programar para Web
       
      2 - Programas Necessários
      É mostrado os programas necessários para começar a programar (estamos fazendo as vídeo aulas no sistema operacional Xubuntu)
       
      3 - Primeiro CSS
      Como fazer a integração entre HTML e CSS
       
      4 - Cores
      Como definir cor por nome, hexadecimal, RGB, HSL, RGBA e HSLA
       
      5 - Initial e Inherit
      Como utilizar os valores initial e inherit para propriedades em CSS
       
      6 - Media Query
      Como definir estilos diferentes para tipos de dispositivos diferentes e mesmo tipo de dispositivo com características diferentes
       
      7 - Borda | Parte 1
      Como fazer bordas em CSS
      Propriedades: border, border-color, border-radius, border-style e border-width
      Valor para border-color: transparent
      Valores para border-style: none, hidden, dotted, dashed, solid, double, groove, ridge, inset e outset
      Valores para border-width: medium, thin e thick
       
      8 - Borda | Parte 2
      Como alterar as propriedades da borda em cada lado
      Propriedades: border-bottom, border-bottom-color, border-bottom-style, border-bottom-width, border-left, border-left-color, border-left-style, border-left-width, border-top-left-radius, border-top-right-radius, border-bottom-right-radius, border-bottom-left-radius, border-right, border-right-color, border-right-style, border-right-width, border-top, border-top-color, border-top-style e border-top-width
       
      9 - Largura e Altura
      Como definir largura e altura em CSS e também valor mínimo e máximo para cada uma
      Propriedades: width, height, min-width, max-width, min-height e max-height
       
      PS:
      - Como temos nossos serviços seculares que é como conseguimos o sustento não teremos como responder todos os comentários de imediato, mas de qualquer forma agradecemos desde já a ajuda
      - Sempre que tiver vídeo novo atualizaremos este tópico
    • Por Thales Henrique
      Pessoal, bom dia! 
       
      Estou com um problema aqui pra atualizar uma div de 1 em 1 segundo!
      Estou criando um painel que as informações vem via socket, e quando chega um status diferente da aplicação ele não joga na tela por não ter essa atualização automática! 
       
      Segue script que estou tentando usar pra tentar atualizar a div de 1 em 1 segundo: 
       
      <script>
         var auto_refresh = setInterval(
         function()
      {
         var status = $("#extensions").val();
         $('#extensions').load('/admin/mesa', {status:status});
      }, 1000);
      </script>
       
      E no "inspecionar" do chrome ele me devolve o erro 500 (internal error). 
       
      Não sei se essa é a maneira certa pra se trabalhar com isso em rotas! 
       
      Obrigado desde já! 
       
    • Por dmariano
      Bom dia Amigos, sou novo na área e estou com uma duvida.
      Estou usando o metodo on change em conjunto com um select.
      Exemplo :
      O colaborador abre um formulário e nele aparece 1 campo combo box, nele pode-se selecionar 2 informações Sim ou Não.
      Se o colaborador escolhe sim não acontece nada, se ele escolhe não é apresentado para ele 3 locais de preenchimento, (Produtos adquiridos, preço do produto e prazo de pagamento).
       
      Javascript 
      $(document).ready(function(){ //Chama o evento após selecionar um valor $('#novo_cliente').on('change', function() { //Verifica se o valor é igual a 1 e mostra a divCnpj if ( this.value == 'novo_client_n') { $("#info_cli_antig").show(); } //Se não for nem 1 nem 2 esconde as duas else{ $("#info_cli_antig").hide(); } }); }); HTML
      <head> <script type="text/javascript" src="esp_cliente.js"></script> </head> <body> <div class="fluig-style-guide"> <form name="form" role="form"> <div class="panel panel-default" id="pn_aberturaProjetEmbala"> <div class="panel-heading"> <h3 class="panel-title">Abertura de projetos de embalagem </h3> </div> <div class="panel-body"> <div class="col-md-3"> <label class="control-label">Novo Cliente</label> <select id="novo_cliente"> <option value="">Selecione</option> <option value="novo_client_s">Sim</option> <option value="novo_client_n">Nao</option> </select> </div> <div class="table-responsive" style="display: none;" name="info_cli_antig" id="info_cli_antig"> <table class="table table-striped table-bordered" tablename="tb_info_cli_antig" id="tb_info_cli_antig" deleteicon="/ecm_resources/resources/assets/images/delete_24_Original.png"> <thead> <tr> <th>Informacoes</th> </tr> </thead> <tbody> <tr> <td> <label class="control-label">Produtos adquirios</label> <input type="text" id="pro_adquir" name="pro_adquir" class="form-control"> </td> <td> <label class="control-label">preco do produto</label> <input type="text" id="prec_produt" name="prec_produt" class="form-control"> </td> <td> <label class="control-label">prazo de pagamento</label> <input type="text" id="praz_pag" name="praz_pag" class="form-control"> </td> </tr> </tbody> </table> </div> </form> </div> </body>  
      Porem não esta funcionando.
      Alguém tem alguma ideia ?
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

Este projeto é mantido e patrocinado pelas empresas:
Hospedado por: