`
lqixv
  • 浏览: 218326 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

JS操作 将图片放入剪切板

QQ 
阅读更多

JS代码如下: 

function CopyImage(img) {
	if (img.tagName != 'IMG') 
		return; 
	if (typeof img.contentEditable == 'undefined') 
		return; 
	if (!document.body.createControlRange) 
		return; 
	var ctrl = document.body.createControlRange(); 
	img.contentEditable = true; 
	ctrl.addElement(img); 
	ctrl.execCommand('Copy'); 
	img.contentEditable = false; 
	alert('复制完成,到QQ对话框里按Ctrl-V就可以啦!'); 
} 

 调用时直接在图片中用onclick

 

将文字放入剪切板:

function CopyToClipBoard(){ 
	var clipBoardContent="abcdefg"; 
	window.clipboardData.setData("Text",clipBoardContent); 
	alert("已复制本页链接,您可以使用Ctrl+V粘贴后,发送给好友!"); 
}

 

分享到:
评论
1 楼 sohighthesky 2010-06-23  
请问下img.contentEditable = true;
这句有什么用?

相关推荐

    C# 复制图片 剪切板

    你需要创建一个 `DataObject` 实例,并将图片对象放入其中。 3. **设置剪切板数据**:使用 `Clipboard.SetDataObject()` 方法将 `DataObject` 设置为剪切板的内容。此方法接受一个 `DataObject` 参数,并可以指定...

    剪切板 网页操作

    例如,如果你想要将一段文本放入剪切板,你可以先打开剪切板,然后创建一个全局内存块,将文本写入该内存,再将内存块的句柄传给`SetClipboardData`函数,最后关闭剪切板。 在VC环境中,剪切板操作同样可以通过...

    JS复制到剪切板插件(兼容主流浏览器,无需falsh)

    所以,我们需要创建一个隐藏的`textarea`或者`div`元素,将待复制的文本放入其中。 2. **选择文本**:使用`select()`方法选取这个隐藏元素中的文本,这样就模拟了用户手动选中的效果。 3. **复制操作**:调用`...

    php下利用ZeroClipboard制作剪切板的多按钮复制功能

    在不借助浏览器自带的`copy()` API的情况下,我们可以利用JavaScript库ZeroClipboard来模拟剪切板操作。ZeroClipboard是一款优秀的开源工具,它允许用户通过点击网页上的按钮将指定文本复制到系统剪贴板,而无需实际...

    ZeroClipboard.js 复制到剪切板(保准好用)

    ZeroClipboard.js通过创建一个透明的Flash元素覆盖在需要复制的元素之上,当用户点击这个透明元素时,实际上是触发了Flash对象的复制操作,从而将选定的内容放入剪切板。 以下是使用ZeroClipboard.js的基本步骤: ...

    js复制到剪切板的实例方法

    1. **IE浏览器支持**:`window.clipboardData`对象提供了复制数据的功能,通过`setData`方法可以将文本`s`放入剪贴板,并弹出提示。 2. **Opera浏览器支持**:由于早期Opera浏览器不支持`window.clipboardData`,...

    Clip_B64:以Base64编码将文件复制到剪贴板

    该项目旨在将文件内容复制到剪贴板。 在linux / cygwin中,有一些简单的命令可以这样做: base64 < file | clip 但是,GUI中没有这样简单的方法。 只需将Release\Clip_B64.exe放在%AppData%\Microsoft\...

    JS复制内容到剪切板的实例代码(兼容IE与火狐)

    在操作剪切板时,代码中将要复制的文本放入`nsISupportsString`对象中,并将其转换为适合剪切板的格式。操作成功后,通过`alert`给用户反馈,告知复制操作已完成。 ### 知识点七:HTML按钮事件触发复制功能 在提供...

    JS 巧妙获取剪贴板数据 Excel数据的粘贴

    3. 使用`setTimeout`函数稍作延迟,等待`keyPress`事件发生,因为剪贴板的数据通常在`keyPress`事件之后才会真正放入`textarea`。 4. 在延迟函数中,读取`textarea`的内容,这将是用户粘贴的文本数据。 5. 处理这些...

    复制剪贴板功能

    当按钮被点击时,ZeroClipboard会自动将"要复制的文本"放入用户的剪贴板中。 随着Web技术的发展,现代浏览器已经开始支持Web Clipboard API,这允许JavaScript直接读写剪贴板内容,无需借助Flash。然而,考虑到兼容...

    js 剪切板的用法(clipboardData.setData)与js match函数介绍

    `setData`方法是`clipboardData`对象的主要方法之一,用于将数据放入系统剪切板中。 **语法**: ```javascript clipboardData.setData(sDataFormat, sData) ``` **参数**: - `sDataFormat`:指定要复制的内容的...

    JS复制到剪贴板示例代码

    如果支持,使用`clearData()`清除现有内容,然后使用`setData()`方法将新文本放入剪贴板。 对于Opera浏览器,由于不支持`clipboardData`对象,代码采取了将文本作为URL载入地址栏的方式来进行复制。但是,这种方法...

    代码详解JS操作剪贴板

    JavaScript(简称JS)操作剪贴板主要指的是在网页中使用JavaScript语言进行剪贴板内容的读取、写入以及清空等操作。由于安全性原因,浏览器对于剪贴板操作有限制,不允许网页随意读写剪贴板数据,但还是提供了一些...

    Ext扩展控件,支持复制,粘贴,剪切

    在ExtJS中,这可能涉及到监听控件的选择事件,当用户选择了一些内容后,使用`Ext.util.Clipboard`类或者浏览器提供的API(如`navigator.clipboard.writeText()`)来将选中的数据放入剪贴板。 接着是“Paste”功能。...

    js触发事件大全

    - ondragdrop:拖动的外部对象被放入目标元素时触发。 - ondragend:拖动结束,鼠标按钮被释放时触发。 - ondragenter:拖动对象进入容器范围时触发。 - ondragleave:拖动对象离开容器范围时触发。 - ...

    调用系统的复制功能

    复制功能的核心在于将选定的数据放入操作系统提供的剪贴板(或称为粘贴板)中。剪贴板是一个临时存储区域,可以存储用户复制的文本、图像、文件等信息,以便在其他应用程序或位置进行粘贴。在Windows、macOS和Linux...

    ZeroClipboard 元素内容复制-兼容各浏览器

    当用户点击这个模拟的剪贴板按钮时,ZeroClipboard会触发一个复制操作,将指定的文本放入用户的系统剪贴板。这样,用户就可以在其他地方粘贴这些内容,无需手动选中和复制。 使用ZeroClipboard的步骤如下: 1. **...

    codevar:utools 变量快速翻译命名插件

    codevar 变量快速翻译命名插件输入 xt(小驼峰) dt(大驼峰) xh(下划线) hx(横线) cl(常亮)用键盘上下 选择然后回车 或者 鼠标点击选择来自动放入剪切板,并自动执行粘贴.安装方式: 插件中心搜索 变量快速翻译命名插件...

    复制文本到剪贴板特效代码

    "粘贴文本"是指从剪贴板中读取并插入到指定位置的文本,而"剪切板文本"则涉及删除选定的文本并将其放入剪贴板。这些功能可以通过设置`data-clipboard-action`属性来实现,如`"cut"`或`"paste"`。 在压缩包中,"使用...

Global site tag (gtag.js) - Google Analytics