[JavaScript]jsをクリップボードにコピーします.
3368 ワード
zroclipboard公式サイト:https://github.com/zeroclipboard/ZeroClipboardダウンロード圧縮パッケージは、2つの「Zero Clip board.js」と「Zero Clipboard.swf」の両方のファイルを得る.まずページの中でZeroClipboard.jsZero Clipboard.set MoviePathをロードします.Zero Clipboard.swfのアドレスを指定します.
デモ:
デモ:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>ZeroClipboard demo </title>
<script src="../js/ZeroClipboard.js"></script>
<script src="../js/jquery.min.js"></script>
<script>
$(function(){
var clip = new ZeroClipboard( document.getElementById("copy-button"), {
//<span style="color: #1d1d1d; font-family: tahoma, arial, ; letter-spacing: 1px; line-height: 29px; white-space: normal; background-color: #ffffff;"> ZeroClipboard.swf </span>
moviePath: "../js/ZeroClipboard.swf"
} );
clip.on( 'load', function(client) {
// alert( "movie is loaded" );
} );
clip.on( 'complete', function(client, args) {
//this.style.display = 'none'; // "this" is the element that was clicked
alert(" ， : " + args.text );
} );
clip.on( 'mouseover', function(client) {
// alert("mouse over");
} );
clip.on( 'mouseout', function(client) {
// alert("mouse out");
} );
clip.on( 'mousedown', function(client) {
//
clip.setText($("#_input").val());
} );
clip.on( 'mouseup', function(client) {
// alert("mouse up");
} );
});
</script>
</head>
<body>
<button id="copy-button" title=" "> </button>
<input type="text" id="_input">
</body>
</html>
$(document).delegate('.copy_btn',"click",function(){
var vfont=' ！ ！',
cons = $(this).prev().val();
if(document.all){
window.clipboardData.setData("Text",cons);
alert(vfont);
}else{
alert(" ， ！");
}
});