`

复制功能

 
阅读更多

不知道为何 直接是纯html  ZeroClipboard  里面的按钮有问题.点不了

需要放到jsp页面 tomcat中访问就能正常.

 

#copy 是绑定事件的按钮

 $("p.url").text(); 是需要赋值的值.

 

 

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<%@ taglib uri="http://www.bstek.com/dorado/taglib-7.0" prefix="d"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>万里牛推荐有礼</title>

<d:PageHeader />

</head>

 

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

<body scroll="no">

<div class=w>

<div class=container>

   <div class=intro>

<p class=title>推荐有礼</p>

<p><b>邀请好友使用万里牛CRM,您将获得万里牛短信<font color="red">300条。</font></b></p>

<p>短信可用于催付、发货、营销活动等。<br>注意:您推荐的好友必须是从未使用过万里牛CRM的新用户,否则无法享受赠品。</p>

</div>

<div class=process>

<p class=sub-title>邀请流程</p>

<p>1.发送邀请链接给您的好友</p>

<p class=url>亲,我正在使用万里牛CRM维系老客户,效果还不错,推荐你也来使用哦!11111111</p>

<p><button type="submit" class="button" id="copy"><span>点击复制地址</span></button></p>

<p>2.好友通过邀请链接订购万里牛CRM并登录系统。</p>

<p>3.系统会自动赠与短信。</p>

</div>   

</div>

</div>

   <script type="text/javascript">

$(document).ready(function(){

$('#copy').zclip({

path:'js/copy/ZeroClipboard.swf',

copy:function(){return $("p.url").text()},

afterCopy:function(){

dorado.MessageBox.alert("已经复制到剪切板,快去发给你的伙伴们吧!");

}

});

});

</script>

</body>

分享到:
评论

相关推荐

    使用clipboardjs实现仿CSDN的代码复制功能

    在现代Web开发中,提供便捷的代码复制功能已经成为许多开发者网站的标准配置,特别是技术博客和文档分享平台。CSDN(China Software Developer Network)作为知名的IT社区,就提供了这样的功能,让用户可以方便地...

    使用clipboardjs实现仿CSDN代码复制功能

    在本文中,我们将深入探讨如何使用clipboard.js库来创建一个类似CSDN网站的代码复制功能。clipboard.js是一个轻量级、易于使用的JavaScript库,它允许用户通过简单的API调用实现复制文本到剪贴板的功能。这个功能在...

    html中js点击一键复制功能,兼容各大浏览器,非flash版本

    本篇将详细介绍如何利用JavaScript实现一键复制功能,并确保它在不同浏览器上兼容,不依赖Flash插件。 一、基础原理 一键复制的核心是利用`clipboard` API,该API允许JavaScript直接操作用户的剪贴板。然而,考虑到...

    调用系统的复制功能

    在计算机系统中,复制功能是用户界面的基本操作之一,它允许用户将数据或信息从一个位置复制到另一个位置,通常配合粘贴功能一起使用。在本文中,我们将深入探讨如何调用系统的复制功能,以及这一功能在不同平台和...

    基于Linux实现复制功能

    本教程将深入探讨如何在Linux环境下实现复制功能,包括复制单个文件、整个目录以及处理文件权限。 一、复制单个文件 1. `cp` 命令:这是Linux中最常用的命令,用于复制文件或目录。基本语法是 `cp source ...

    C#实现windows服务-数据复制功能

    在本项目中,“C#实现windows服务-数据复制功能”是使用C#编程语言开发的一个服务,它的主要任务是实现在不同的数据库之间进行数据的同步和复制。 C#是一种强大的、类型安全的面向对象的编程语言,广泛用于.NET ...

    JS实现点击复制功能(ZeroClipboard)

    总的来说,ZeroClipboard提供了一种方便的跨浏览器复制功能,尽管随着技术的发展,其依赖的Flash插件可能会逐渐失去支持,但在目前仍然是一种实用的解决方案。理解它的基本用法和工作原理,可以帮助开发者为用户提供...

    js 复制功能,iOS手机上特殊处理

    针对于js移动端复制功能,iOS手机上不兼容的特殊处理。

    点击按钮复制功能

    总的来说,"点击按钮复制功能"的实现涉及到JavaScript事件处理、DOM操作、浏览器API的使用,以及针对不同平台的适配。理解并掌握这些知识点对于提升用户界面的易用性和开发效率至关重要。在实际开发中,开发者还需要...

    ios-长按手势自定义复制功能.zip

    `ios-长按手势自定义复制功能.zip`这个压缩包文件显然包含了关于如何在iOS应用中实现长按手势以提供复制功能的相关代码示例。我们将深入探讨这一主题。 首先,`tableview`是iOS界面设计中常用的一种组件,它用于...

    两种复制按钮实现复制功能

    在IT行业中,复制功能是网页和应用程序中常见且重要的交互元素。用户经常需要快速复制文本内容,例如链接、代码片段或其他重要信息。本篇将深入探讨两种常见的JavaScript(js)实现复制功能的方法。 首先,我们来看...

    ZeroClipboard demo 网页复制功能

    **ZeroClipboard** 是一个流行的JavaScript库,主要用于在网页上实现跨浏览器的复制功能。这个库巧妙地利用了浏览器的安全限制,让网页应用可以模拟系统剪贴板的操作,从而让用户能够轻松地复制文本到剪贴板。它通过...

    设计软件SEE_Electrical的复制功能与模块功能的应用

    在电气设计领域,高效的工作流程至关重要,而SEE_Electrical这款设计软件的复制功能和模块化设计正是提升工作效率的关键工具。下面将详细阐述这两种功能的使用方法和应用场景。 首先,让我们探讨复制功能。SEE_...

    移动端js复制功能,点击复制按钮,就可以复制指定的内容

    实现移动端JS复制功能的关键在于使用浏览器提供的`Clipboard API`。这个API允许网页程序读取和写入剪贴板内容。以下是一个简单的实现步骤: 1. **创建复制按钮**:首先,我们需要在HTML中创建一个按钮元素,通常会...

    JS、Flash 实现复制功能 (浏览器兼容)

    在网页开发中,复制功能是用户经常需要用到的一种交互方式,比如复制文本、链接等信息。在JavaScript(JS)和Flash技术的帮助下,开发者可以实现这种功能,确保在各种浏览器上具有良好的兼容性。以下是对这两个技术...

    discuzx1.5的复制功能

    X1.5的复制功能》 Discuz! X1.5作为一款流行的社区论坛软件,其强大的功能和灵活的扩展性深受广大用户的喜爱。其中,复制功能是用户日常交流中不可或缺的一环,它允许用户快速、方便地分享信息,提升论坛的互动...

    ios-label复制功能.zip

    "ios-label复制功能.zip"这个压缩包可能包含了一个示例项目或者代码库,专注于实现UILabel的复制功能。在iOS应用中,用户通常期望能够复制屏幕上的文本,如教程、文章或任何其他信息。在默认情况下,UILabel并不直接...

    ZeroClipboard.js实现js复制功能

    《使用ZeroClipboard.js实现JavaScript复制功能详解》 在Web开发中,我们经常遇到需要实现文本复制功能的情况,比如用户点击按钮就能将一段文字复制到剪贴板。在浏览器的沙盒环境中,JavaScript不能直接访问系统...

    多按钮复制功能

    "多按钮复制功能"是一个常见的用户交互设计,它允许用户快速地将特定内容复制到剪贴板,以便于分享或进一步处理。这个小例子是利用Zeroclipboard库来实现的,下面将详细介绍Zeroclipboard以及如何使用它来实现多按钮...

Global site tag (gtag.js) - Google Analytics