如何在HTML中点一下就将框内的文字复制到剪切板

js导入

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>

<script type="text/javascript" src="js/jquery.zclip.min.js"></script>

！上面缺少的文件可以在网上搜索查找。

2.代码

<div class="copybox clearfix">

<div class="copybox-n1 clearfix">

<div style="width:232pxfloat:leftheight:36pxoverflow:hiddenzoom:1">

<input type="text" id="mytxt1" value="点击右侧复制按钮复制" class="n1input">

</div>

<div style="width: 48pxheight: 36pxposition: absolutemargin-left: 232px*margin-left:0px_margin-left: 0">

<button id="copy_input1" class="n1-btn">复制</button>

</div>

</div>

<div class="copybox-n2 clearfix">

<div style="width:232pxfloat:leftheight:36pxoverflow:hiddenzoom:1">

<input type="text" id="mytxt2" value="点击右侧复制按钮复制" class="n1input">

</div>

<div style="width: 48pxheight: 36pxposition: absolutemargin-left: 232px*margin-left:0px_margin-left:0">

<button id="copy_input2" class="n1-btn">复制</button>

</div>

</div>

</div>

<script type="text/javascript">

$(function() {

/*复制*/

$('#copy_input1').zclip( {

path : 'js/ZeroClipboard.swf',

copy : function() {return $('#mytxt1').val()/*复制内容*/},

afterCopy : function() {alert("复制成功")/*复制成功*/}

})

/*复制*/

$('#copy_input2').zclip( {

path : 'js/ZeroClipboard.swf',

copy : function() {return $('#mytxt2').val()/*复制内容*/},

afterCopy : function() {alert("复制成功")/*复制成功*/}

})

})

</script>

3.参考资料

http://www.w3cfuns.com/blog-5458304-5403309.html

这里有一个用jquery做的 图片剪切上传的插件 你看下 满足你的需要不

http://www.cnblogs.com/fromearth/archive/2009/05/27/1490833.html

将1比1的图片改成4比3的图片需要进行一定的剪裁 *** 作，这可能会导致部分图像的损失，但是可以采用无损压缩的方法来尽量减小图像损失。

以下是将1比1的图片无损压缩转换为4比3的方法：

使用图片编辑软件，例如Photoshop、GIMP等，打开1比1的图片。

在编辑工具栏中选择裁剪工具，按下Shift键，使其比例固定为4比3的比例。

在图片上选中要保留的区域，将裁剪框移动到合适的位置和大小，然后按下Enter键进行剪裁。

在菜单栏中选择"文件" ->"另存为"，选择图像格式为JPEG或PNG，并设置适当的压缩质量。

点击"保存"按钮，即可将1比1的图片无损压缩转换为4比3的图片。

需要注意的是，裁剪后的图片可能会失去原来的某些部分，因此在选择裁剪的位置和大小时需要谨慎。此外，对于重要的图片，建议在 *** 作前进行备份，以免误 *** 作造成不可挽回的损失。

---