Eventualmente podrías tener un </strong> donde permitas al usuario pegar lo que tiene guardado en su <em>clipboard</em>. Quizás deseas impedir al usuario pegar contenido en un campo de formulario, por ejemplo, en uno de <em>password</em>. Para ambos casos existe un evento denominado <strong>onPaste</strong>.</p> <h4 id="impedir-pegar">Impedir pegar:<a href="#impedir-pegar" class="hanchor" ariaLabel="Anchor">⌗</a> </h4> <pre class="language-markup"><code>onPaste="return false;"</code></pre> <h4 id="manipular-el-valor-de-lo-pegado">Manipular el valor de lo pegado:<a href="#manipular-el-valor-de-lo-pegado" class="hanchor" ariaLabel="Anchor">⌗</a> </h4> <pre class="language-markup"><code>onPaste="var e=this; setTimeout(function(){alert(e.value);}, 0);</code></pre> <blockquote> <p>Debes usar un <strong>setTimeout</strong> debido a que el evento <strong>onPaste</strong> responde antes de que el contenido es pegado en el elemento, por lo que no tiene tiempo suficiente para manejarlo. <strong>setTimeout 0</strong> es automáticamente recalculado a <strong>4ms</strong> ya que es el valor mínimo en <strong>HTML5</strong>.</p> </blockquote> <p>[Ver ejemplo][1]{.verejemplo}</p> <p>[1]: <a href='http://www.csslab.cl/ejemplos/onpaste'>http://www.csslab.cl/ejemplos/onpaste.html</a> “Enlace en CSSLab a “Ejemplo El evento onPaste””</p> </div></div> <div class="pagination"> <div class="pagination__title"> <span class="pagination__title-h">Leer otros artículos</span> <hr /> </div> <div class="pagination__buttons"> <span class="button previous"> <a href="/2013/02/04/layout-responsive-adaptativo-flexible/"> <span class="button__icon">←</span> <span class="button__text">Layout Responsive / Adaptativo / Flexible</span> </a> </span> <span class="button next"> <a href="/2013/01/14/deshabilitar-el-autocomplete/"> <span class="button__text">Deshabilitar el autocomplete</span> <span class="button__icon">→</span> </a> </span> </div> </div> </div> </div> <footer class="footer"> <div class="footer__inner"> <div class="copyright copyright--user"> <span>© CSSLab 2005 ~ 2024. Todos los derechos reservados.<br> Escrito y mantenido por Jorge Epuñan desde 🇨🇱.</span> </div> </div> </footer> <script src="/assets/main.js"></script> <script src="/assets/prism.js"></script> <script src="//static.codepen.io/assets/embed/ei.js" async></script> </div> </body> </html>
