Ctrl-C

Investigação do uso do Ctrl-C no IE 11

by João Vicente Machado

HTML

<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<div id="teste"><strong>Texto</strong> a ser <em>copiado</em>!</div>
<div>
<form>
  <input id="input" type="text" value="input" class="form-control"/><br>
  <input id="output" type="text" value="output" class="form-control"/>
</form>
</div>
<div>
  <div>
    <span id="span">Nothing detected!</span>
  </div>
  <div>
  <span id="result">no result</span>
  </div>
</div>

CSS

.form-control {
  color: red;
}

JavaScript

$(document).ready(function () {  
			
		$(".form-control").bind({
				copy : function() {
					$('#span').text('copy behaviour detected!');
					
					//var divACopiar = $(this);
          var divACopiar = document.querySelector('#teste');
					
					var range = document.createRange();
					range.selectNode(divACopiar);
					window.getSelection().addRange(range);
					var resultado = document.execCommand("copy");
          $('#result').text(resultado);
					
				},
				paste : function() {
					$('#span').text('paste behaviour detected!');
          var divAColar = document.querySelector('#teste');
					var range = document.createRange();
					range.selectNode(divAColar);
          window.setSelection(range);
					var resultado = document.execCommand("paste");
          $('#result').text(resultado);
				},
				cut : function() {
					$('#span').text('cut behaviour detected!');
					var resultado = document.execCommand("cut");
          $('#result').text(resultado);
				}
		});
});