메인스트림(MainStream) 브라우저와 호환되는 현재 최고의 "클릭 복제"기능

2249 단어
<div class="demo-area">
  <button id="d_clip_button" class="my_clip_button" title="Click me to copy to clipboard." data-clipboard-target="fe_text" data-clipboard-text="Default clipboard text from attribute"><b>Copy To Clipboard...</b></button>
  <h4><label for="fe_text">Change Copy Text Here</label></h4>
  <textarea id="fe_text"  cols="50" rows="3">Copy me!</textarea>
</div>
<h4>Debug Console:</h4>
<div id="d_debug"></div>


<script type="text/javascript" src="ZeroClipboard.min.js"></script>
<script language="JavaScript">

$(document).ready(function() {
var clip = new ZeroClipboard($("#d_clip_button"), {
  moviePath: "ZeroClipboard.swf"
});

clip.on('load', function (client) {
  debugstr("Flash movie loaded and ready.");
});

clip.on('noFlash', function (client) {
  $(".demo-area").hide();
  debugstr("Your browser has no Flash.");
});

clip.on('wrongFlash', function (client, args) {
  $(".demo-area").hide();
  debugstr("Flash 10.0.0+ is required but you are running Flash " + args.flashVersion.replace(/,/g, "."));
});

clip.on('complete', function (client, args) {
  debugstr("Copied text to clipboard: " + args.text);
});

// jquery stuff (optional)
function debugstr(text) {
  $("#d_debug").append($("<p>").text(text));
}

});

</script>

다운로드 주소: DEMO+ 모든 파일
다운로드한 DEMO가 실행되지 않고 클릭해도 복사할 수 없는 이유는 무엇입니까?
답: 이것은 실제 환경에서 실행되어야 합니다. 브라우저로 직접 열면 안 됩니다. IIS로 실행하면 됩니다.
사용 방법:
ZeroClipboard를 가져옵니다.js 파일:
프로젝트에 실제로 사용되는 코드를 첨부합니다.
$(document).ready(function() {
	// 
	var objName="#contact_door_text";
	var clip = new ZeroClipboard($(objName), {
	  moviePath: "script/ZeroClipboard.swf"
	});
	
	// 
	clip.on('complete', function (client, args) {
	  alert(" !");
	});
});

좋은 웹페이지 즐겨찾기