O que o evento onfocus faz em JavaScript

O ' No foco ” é um evento de boa reputação usado principalmente ao trabalhar com os formulários em JavaScript. Ele é acionado quando seu elemento HTML associado fica em foco. Funciona em todos os tipos de elementos HTML, exceto “”, “”, “ <base>”, “<style>”, “<head>”, “ <body>”, “<script> ”, “ <iframe>”, “<meta>”, “ <br>”, “ <bdo>” e “<param>”. Este evento, ou seja, “ <strong> No foco</strong> ” é geralmente usado no campo de entrada HTML para a validação de todos os tipos de formulários.<p> Este post explica o objetivo, funcionamento e uso do evento “onfocus” em JavaScript.</p> <h2> <strong> Como o “evento onfocus” funciona em JavaScript?</strong> </h2> <p> O ' <strong> No foco</strong> ” é acionado quando o elemento HTML específico é focado. Além disso, invoca a execução da função JavaScript associada.</p><hr> <br /> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4062866992167421" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4062866992167421" data-ad-slot="3660419154" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><br /> <hr><br /><div class="embeded-video"><iframe src="https://www.youtube.com/embed/poUhvC8MsH8?modestbranding=1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div> <br /> <p> <strong> Sintaxe</strong> </p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="3"></ins><br /> elemento.<span class="me1"> No foco</span> <span class="sy0"> =</span> função<span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> meuScript<span class="br0"> }</span><span class="sy0"> ;</span> <p> Na sintaxe acima:</p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="4"></ins><br /> <ul> <li> <strong> elemento:</strong> Representa o elemento HTML.</li> <li> <strong> função():</strong> Refere-se à função que precisa ser invocada no acionador do evento.</li> <li> <strong> meuScript:</strong> Corresponde à definição da função para realizar a tarefa específica quando ocorre o evento “onfocus”.</li> </ul> <h2> <strong> Como usar um “evento onfocus” em JavaScript?</strong> </h2> <p> O ' <strong> No foco</strong> ” pode ser utilizado de diferentes maneiras em JavaScript. Esta seção realiza vários exemplos táticos para ilustrar seu uso.</p><hr> <br /> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4062866992167421" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4062866992167421" data-ad-slot="9858463164" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><br /> <hr> <h2> <strong> Exemplo 1: Acionando o</strong> “ <strong> evento em foco</strong> ” <strong> alterando a cor de fundo do campo de entrada</strong> </h2> <p> Este exemplo aciona o “ <strong> No foco</strong> ” alterando a cor de fundo do campo de texto de entrada com a ajuda de uma função JavaScript definida pelo usuário.</p> <h3> <strong> Código HTML</strong> </h3> <p> Em primeiro lugar, visão geral do seguinte código HTML:</p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="5"></ins><br /> <span class="sy0"> <</span> h2<span class="sy0"> ></span> No foco <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+event"><span class="kw3"> Evento</span></a> Em JavaScript<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <br> <span class="sy0"> <</span> p<span class="sy0"> ></span> Clique dentro do campo de entrada para obter o foco<span class="br0"> (</span> No foco<span class="br0"> )</span> .<span class="sy0"> </</span> p<span class="sy0"> ></span> <br> <br> <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+name"><span class="kw3"> Nome</span></a> <span class="sy0"> :</span> <span class="sy0"> <</span> tipo de entrada<span class="sy0"> =</span><span class="st0"> 'texto'</span> eu ia<span class="sy0"> =</span><span class="st0"> 'demonstração'</span> espaço reservado<span class="sy0"> =</span><span class="st0"> 'Digite seu nome'</span> No foco<span class="sy0"> =</span><span class="st0"> 'função()'</span><span class="sy0"> ></span> <p> No código acima:</p> <ul> <li> O ' <strong> <h2></strong> ” marca define o subtítulo e o “ <strong> <p></strong> ” cria um parágrafo, respectivamente.</li> <li> Depois disso, o “ <strong> <entrada></strong> ” marca que representa o campo de texto de entrada é rotulada como “ <strong> Nome</strong> ”, tipo de conteúdo como “ <strong> texto</strong> ”, id associado como “ <strong> demonstração</strong> ”, e o espaço reservado indicado.</li> <li> Também o ' <strong> No foco</strong> ” é especificado para redirecionar para a função chamada “ <strong> função()</strong> ”.</li> </ul> <h3> <strong> Código JavaScript</strong> </h3> <p> Em seguida, percorra o código JavaScript fornecido abaixo:</p> <span class="sy0"> <</span> roteiro<span class="sy0"> ></span> <br> <br> função função<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> <br> <br> documento.<span class="me1"> getElementById</span><span class="br0"> (</span><span class="st0"> 'demonstração'</span><span class="br0"> )</span> .<span class="me1"> estilo</span> .<span class="me1"> fundo</span> <span class="sy0"> =</span> <span class="st0"> 'rosa'</span><span class="sy0"> ;</span> <br> <br> <span class="br0"> }</span> <br> <br> <span class="sy0"> </</span> roteiro<span class="sy0"> ></span> <p> Nas linhas de código acima:</p> <ul> <li> Uma função chamada “ <strong> função()</strong> ' é definido.</li> <li> Na definição da função, o “ <strong> document.getElementById()</strong> ” busca o parágrafo por meio de seu id e aplica o método “ <strong> estilo.fundo</strong> ' propriedade.</li> <li> É tal que a cor de fundo do campo de texto de entrada muda após o evento, ou seja, acionador “onfocus”.</li> </ul> <p> <strong> Saída</strong> </p> <p> <img class="wp-image-324017" src="https://softoban.com/img/other/AC/what-does-onfocus-event-do-in-javascript-1.gif"></p> <p> A saída confirma que quando o “ <strong> No foco</strong> ” acionadores de evento, a cor de fundo do campo de entrada fornecido muda de acordo.</p> <h2> <strong> Exemplo 2: Acionar o</strong> “ <strong> evento em foco</strong> ” <strong> Através da Caixa de Alerta</strong> </h2> <p> Neste exemplo, uma caixa de alerta pode ser exibida no evento, ou seja, “ <strong> No foco</strong> ” acionado por meio de uma função definida pelo usuário.</p> <h3> <strong> Código HTML</strong> </h3> <p> Primeiro, dê uma olhada no seguinte código HTML:</p> <span class="sy0"> <</span> h2<span class="sy0"> ></span> No foco <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+event"><span class="kw3"> Evento</span></a> Em JavaScript<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <br> <span class="sy0"> <</span> p<span class="sy0"> ></span> Clique dentro do campo de entrada para obter o foco<span class="br0"> (</span> No foco<span class="br0"> )</span> .<span class="sy0"> </</span> p<span class="sy0"> ></span> <br> <br> <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+name"><span class="kw3"> Nome</span></a> <span class="sy0"> :</span> <span class="sy0"> <</span> tipo de entrada<span class="sy0"> =</span><span class="st0"> 'texto'</span> eu ia<span class="sy0"> =</span><span class="st0"> 'pass1'</span> espaço reservado<span class="sy0"> =</span><span class="st0"> 'Digite seu nome'</span><span class="sy0"> ></span> <p> No bloco de código HTML acima:</p> <ul> <li> Da mesma forma, adicione um subtítulo de nível 2 através do “ <strong> <h2></strong> ” e inclua um parágrafo usando a tag “ <strong> <p></strong> ' marcação.</li> <li> Da mesma forma, um campo de entrada é definido por meio do rótulo declarado, tipo de conteúdo, id e espaço reservado, respectivamente.</li> </ul> <h3> <strong> Código JavaScript</strong> </h3> <p> Agora, considere o seguinte código JavaScript:</p> <span class="sy0"> <</span> roteiro<span class="sy0"> ></span> <br> <br> documento.<span class="me1"> getElementById</span><span class="br0"> (</span><span class="st0"> 'pass1'</span><span class="br0"> )</span> .<span class="me1"> No foco</span> <span class="sy0"> =</span> função<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> demonstração<span class="br0"> (</span><span class="br0"> )</span><span class="br0"> }</span><span class="sy0"> ;</span> <br> <br> demonstração de função<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> <br> <br> alerta<span class="br0"> (</span><span class="st0"> 'O campo de entrada fica focado.'</span><span class="br0"> )</span><span class="sy0"> ;</span> <br> <br> <span class="br0"> }</span> <br> <br> <span class="sy0"> </</span> roteiro<span class="sy0"> ></span> <p> No trecho de código acima:</p> <ul> <li> O ' <strong> document.getElementById()</strong> ” busca o campo de entrada por meio de seu id e associa o evento, ou seja, “ <strong> No foco</strong> ' com isso.</li> <li> É tal que a função JavaScript “ <strong> demo()</strong> ” torna-se invocado no acionador do evento e exibe o “ <strong> alerta</strong> ” caixa com a mensagem indicada.</li> </ul> <p> <strong> Saída</strong> </p> <p> <strong> <img class="wp-image-324018" src="https://softoban.com/img/other/AC/what-does-onfocus-event-do-in-javascript-2.gif"></strong> </p> <p> Nesta saída, pode-se observar que quando o mouse clica dentro do campo de entrada, o elemento fica focado e assim a caixa de “alerta” aparece exibindo a mensagem declarada.</p> <h2> <strong> Conclusão</strong> </h2> <p> JavaScript oferece o “ <strong> No foco</strong> ” que é acionado quando o elemento HTML associado se move dentro dele, ou seja, obtém o foco. É o inverso de “ <strong> onblur</strong> ” que é acionado quando o elemento perde o foco. Ele pode ser usado para invocar a função JavaScript para executar a tarefa desejada ao ser acionado. Este guia demonstrou o propósito, funcionamento e uso do evento “onfocus” em JavaScript.</p> </article> <div class="d-flex justify-content-center"> <script type="text/javascript">(function() { if (window.pluso)if (typeof window.pluso.start == "function") return; if (window.ifpluso==undefined) { window.ifpluso = 1; var d = document, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true; s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js'; var h=d[g]('body')[0]; h.appendChild(s); }})();</script> <div class="pluso" data-background="transparent" data-options="big,round,line,horizontal,nocounter,theme=06" data-services="facebook,twitter,email,print"></div> </div> <div class="tag-widget post-tag-container mb-5 mt-5"> <div class="tagcloud"> <a href="/outro/" class="tag-cloud-link">Outro</a> </div> </div> </div> </div> <div class="col-lg-4 sidebar ftco-animate bg-light pt-5"> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Categoria</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">Raspberry Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">De Outros</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Ampliação</a> </li><li> <a href="/cinnamon/">Canela</a> </li><li> <a href="/reviews/">Avaliações</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">Rádio</a> </li><li> <a href="/minecraft/">Minecraft</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">Openvas</a> </li><li> <a href="/compression/">Compressão</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Aircrack</a> </li><li> <a href="/office-productivity-software/">Software De Produtividade De Escritório</a> </li><li> <a href="/boot/">Bota</a> </li><li> <a href="/system-calls/">Chamadas De Sistema</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Networking</a> </li><li> <a href="/gpu/">Gpu</a> </li><li> <a href="/gimp/">Gimp</a> </li><li> <a href="/plex/">Plex</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">Docker</a> </li><li> <a href="/firewall/">Firewall</a> </li><li> <a href="/wireshark/">Wirehark</a> </li><li> <a href="/synology/">Sinologia</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Ethereum</a> </li><li> <a href="/parrot-os/">Parrot Os</a> </li><li> <a href="/sublime/">Sublime</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hiper-V</a> </li><li> <a href="/phone/">Telefone</a> </li><li> <a href="/kodi/">Código</a> </li><li> <a href="/gnome/">Gnomo</a> </li><li> <a href="/manjaro/">Delicadeza</a> </li><li> <a href="/mouse/">Mouse</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Metasploit</a> </li><li> <a href="/torrent/">Torrente</a> </li><li> <a href="/tablet/">Tábua</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Ondulação</a> </li><li> <a href="/kde/">Onde</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Fontes</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Imagens</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Lula</a> </li><li> <a href="/mate/">Amigo</a> </li><li> <a href="/vlc-media-player/">Vlc Media Player</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Bitcoin</a> </li><li> <a href="/keyboard/">Teclado</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Criptografia</a> </li><li> <a href="/fedora/">Fedora</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Scanner</a> </li><li> <a href="/atom/">Átomo</a> </li><li> <a href="/red-hat/">Chapéu Vermelho</a> </li><li> <a href="/teamviewer/">Teamviewer</a> </li><li> <a href="/skype/">Skype</a> </li><li> <a href="/vpn/">Vpn</a> </li><li> <a href="/xfce/">Xfce</a> </li><li> <a href="/jupyter-notebook/">Notebook Jupyter</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">Blog</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">Players De Mídia</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Vapor</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Potência</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Sqm</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Pegada</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Odisséia</a> </li><li> <a href="/audio/">Áudio</a> </li><li> <a href="/cpu/">Cpu</a> </li><li> <a href="/tensorflow/">Tensorflow</a> </li><li> <a href="/autodesk/">Autodesk</a> </li><li> <a href="/lubuntu/">Lubuntu</a> </li><li> <a href="/llvm/">Llvm</a> </li><li> <a href="/windows/">Janelas</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (Legado)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Escritório</a> </li><li> <a href="/outro/">Outro</a> </li><li> <a href="/webcam/">Webcam</a> </li><li> <a href="/players-de-midia/">players de mídia</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxy/">haproxy</a> </li><li> <a href="/de-outros/">De outros</a> </li><li> <a href="/gnomo/">gnomo</a> </li><li> <a href="/bota/">bota</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/proxima-nuvem/">próxima nuvem</a> </li><li> <a href="/virtude/">virtude</a> </li><li> <a href="/passagem-usb/">passagem USB</a> </li><li> <a href="/modo-de-seguranca/">#modo de segurança</a> </li><li> <a href="/passagem-de-dispositivo/">passagem de dispositivo</a> </li><li> <a href="/sdn/">SDN</a> </li><li> <a href="/instalacao-do-driver/">instalação do driver</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Publicações Populares</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/12/kubectl-autoscale-command-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/comando-kubectl-autoscale">Comando Kubectl Autoscale</a> </h3> <div class="meta"> <div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/64/auto-keyword-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/palavra-chave-automatica-em-c">Palavra-chave automática em C</a> </h3> <div class="meta"> <div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/4E/continue-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/continuar-em-c">Continuar em C++</a> </h3> <div class="meta"> <div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/7D/how-to-add-a-custom-memory-type-in-langchain-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/como-adicionar-um-tipo-de-memoria-personalizado-no-langchain">Como adicionar um tipo de memória personalizado no LangChain?</a> </h3> <div class="meta"> <div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/23/best-chatgpt-apps-in-2023-1.jpeg);"></a> <div class="text"> <h3 class="heading"> <a href="/melhores-aplicativos-chatgpt-em-2023">Melhores aplicativos ChatGPT em 2023</a> </h3> <div class="meta"> <div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/DB/what-is-the-difference-between-aws-batch-and-lambda-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/qual-e-a-diferenca-entre-aws-batch-e-lambda">Qual é a diferença entre AWS Batch e Lambda?</a> </h3> <div class="meta"> <div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/50/what-are-the-steps-to-run-remote-commands-in-powershell-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/quais-sao-as-etapas-para-executar-comandos-remotos-no-powershell">Quais são as etapas para executar comandos remotos no PowerShell?</a> </h3> <div class="meta"> <div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/39/best-free-audio-editors-for-windows-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/melhores-editores-de-audio-gratuitos-para-windows">Melhores editores de áudio gratuitos para Windows</a> </h3> <div class="meta"> <div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/07/what-is-math-max-method-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/o-que-e-o-metodo-math-max-em-c">O que é o método Math.Max () em C#</a> </h3> <div class="meta"> <div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/18/how-to-add-active-class-in-javascript-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/como-adicionar-classe-ativa-em-javascript">Como adicionar classe ativa em JavaScript</a> </h3> <div class="meta"> <div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/66/how-to-use-readable-streams-in-node-js-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/como-usar-fluxos-legiveis-em-node-js">Como usar fluxos legíveis em Node.js?</a> </h3> <div class="meta"> <div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/B4/what-are-the-shutdown-commands-in-windows-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/quais-sao-os-comandos-de-desligamento-no-windows">Quais são os comandos de desligamento no Windows</a> </h3> <div class="meta"> <div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/2C/hash-table-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/tabela-hash-em-c">Tabela hash em C++</a> </h3> <div class="meta"> <div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/4A/what-is-amazon-ecs-service-and-its-clusters-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/o-que-e-o-amazon-ecs-service-e-seus-clusters">O que é o Amazon ECS Service e seus clusters?</a> </h3> <div class="meta"> <div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/E7/guide-to-sort-lines-in-vim-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/guia-para-classificar-linhas-no-vim">Guia para classificar linhas no Vim</a> </h3> <div class="meta"> <div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/FE/making-a-bash-script-return-with-different-return-codes-on-exit-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/fazendo-um-retorno-de-script-bash-com-diferentes-codigos-de-retorno-na-saida">Fazendo um retorno de script Bash com diferentes códigos de retorno na saída</a> </h3> <div class="meta"> <div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/windows/70/reset-registry-file-permissions-windows-xp-winhelponline.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/reset-registry-file-permissions-windows-xp-winhelponline">Redefina o registro e as permissões de arquivo no Windows XP - Winhelponline</a> </h3> <div class="meta"> <div> <a href="/windows/"><span class="icon-chat"></span> Janelas</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/44/how-to-generate-a-docker-image-from-a-container-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/como-gerar-uma-imagem-docker-a-partir-de-um-conteiner">Como gerar uma imagem Docker a partir de um contêiner</a> </h3> <div class="meta"> <div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/67/how-to-comprehend-electrical-relays-and-solid-state-relays-for-switching-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/como-compreender-reles-eletricos-e-reles-de-estado-solido-para-comutacao">Como compreender relés elétricos e relés de estado sólido para comutação</a> </h3> <div class="meta"> <div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/B2/how-to-change-the-remote-repository-for-a-git-submodule-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/como-alterar-o-repositorio-remoto-para-um-submodulo-git">Como alterar o repositório remoto para um submódulo Git?</a> </h3> <div class="meta"> <div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div>  <div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div> <script src="https://softoban.com/template/js/jquery.min.js"></script> <script src="https://softoban.com/template/js/jquery-migrate-3.0.1.min.js"></script> <script src="https://softoban.com/template/js/popper.min.js"></script> <script src="https://softoban.com/template/js/bootstrap.min.js"></script> <script src="https://softoban.com/template/js/jquery.easing.1.3.js"></script> <script src="https://softoban.com/template/js/jquery.waypoints.min.js"></script> <script src="https://softoban.com/template/js/jquery.stellar.min.js"></script> <script src="https://softoban.com/template/js/owl.carousel.min.js"></script> <script src="https://softoban.com/template/js/jquery.magnific-popup.min.js"></script> <script src="https://softoban.com/template/js/aos.js"></script> <script src="https://softoban.com/template/js/jquery.animateNumber.min.js"></script> <script src="https://softoban.com/template/js/scrollax.min.js"></script> <script src="https://softoban.com/template/js/main.js"></script> <script async="" defer="" src="//www.instagram.com/embed.js"></script> <script async="" src="https://platform.twitter.com/widgets.js"></script> <script> window.onload = function(){ for(i in document.images) { if(document.images[i].naturalWidth==0){ if(window.location.pathname.length > 1){ document.images[i].style="display:none" } else { document.images[i].src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" } } } } $(document).ready(() => { $('nav').find('a').each(function(){ if($(this).attr('href') == window.location.pathname){ $(this).parent('li').addClass('active') } }) var wrapper = '<div class="embeded-video"></div>'; if($('iframe[width="560"]').length > 1){ $('.m_v').remove(); }else{ } $('iframe[src^="https://www.youtube.com/embed/"]').wrap(wrapper); let loc = window.location.pathname; if(loc == '/privacy-policy'){ $('div.embeded-video').remove(); $('blockquote').remove(); } }) </script> <script type="text/javascript" src="https://s.skimresources.com/js/192355X1670518.skimlinks.js"></script></body> </html>