标签: zeroclipboard

HTML5替代基于闪存的ZeroClipboard,用于安全地将数据复制到剪贴板?

随着闪存在许多环境(iPhone,Android,IE10等)的出路上,有没有任何新的解决方案即将在没有安装闪存的情况下安全地将信息复制到剪贴板?

到目前为止我一直在使用ZeroClipboard,但是我担心更多没有闪存的观众,这个功能会被破坏,我希望尽可能不依赖于Flash.

clipboard html5 zeroclipboard

64
推荐指数
3
解决办法
5万
查看次数

在iPhone上的移动Safari中选择文本

我试图让iphone用户轻松地将一些文本复制到移动版Safari中的剪贴板中.与通常的"触摸 - 复制"一样.我希望用户复制一段特定的文本.我可以完全选择用于包装文本的html标记.我怎样才能轻松而不是抄袭?例如:

  • 有没有办法在使用javascript触摸时"全选"文本?然后用户可以继续触摸保持,然后选择复制?

  • 有没有办法提出"全选"选项?就像在文本框中输入一样?之后他们可以选择复制吗?

  • 如果没有javascript解决方案,我如何安排html以帮助Safari轻松选择正确的文本位?与单词或包装div相反?

我已经尝试过onFocus ="this.select()"用于各种元素,似乎都没有用.也试过onClick.

那些试图将使用ZeroClipboard的网站移植到iPhone上的人可能会有一些想法.

干杯

javascript iphone copy mobile-safari zeroclipboard

18
推荐指数
3
解决办法
2万
查看次数

Twitter Bootstrap和ZeroClipboard.swf(丢失文件错误)

我使用Twitter Bootstrap(最新版本,v3.2.0)来设置单页基本网站.所有功能似乎都很好,但是我的JavaScript控制台在加载网站时会显示以下错误:

"Failed to load resource: the server responded with a status of 500 (Internal Server Error)"
Run Code Online (Sandbox Code Playgroud)

它指向一个丢失的文件,即"../assets/flash/ ZeroClipboard.swf ".

我找不到有关ZeroClipboard如何集成到Twitter Bootstrap中的更多信息. 有人有类似的错误吗?

我应该下载文件以避免错误,即使1)它似乎没有引起问题和2)我不知道错误源自何处?

zeroclipboard twitter-bootstrap twitter-bootstrap-3

14
推荐指数
1
解决办法
6153
查看次数

如何在jQuery中实际使用ZeroClipboard?

我只是无法得到这个东西.ZeroClipboard应该如何工作?为什么需要在复制的文本上移动flash元素?

我读过这篇文章:http://code.google.com/p/zeroclipboard/wiki/Instructions

有人可以为我提供一个简短的片段,当用户点击链接时,可以将变量中的文本复制到用户剪贴板.这甚至可能吗?我不在乎,如果它不适用于所有浏览器(例如IE6).

我正在使用jQuery.

jquery zeroclipboard

12
推荐指数
1
解决办法
3万
查看次数

如何在单击后以编程方式将异步依赖内容复制到剪贴板?

我正在尝试以编程方式使用Chrome(Build 43)中的execCommand将异步JSONP请求的结果复制到剪贴板.这是一个逻辑片段:

loadContent()

function loadContent(callback) {
  $.getJSON('http://www.randomtext.me/api/lorem/p-5/10-20?&callback=myFunc',function(result){
    console.log('result=',result.text_out);
    $("#container").html(result.text_out);
    if (callback) {
      callback();
    }
  });
}

function copyAjax() {

 loadContent(copy);

}

function copy() {
  var copyDivText = $('#container').text();
  console.log('copyDivText=',copyDivText);
  executeCopy(copyDivText);
}

document.addEventListener("DOMContentLoaded", function(){
      document.getElementById("copy").onclick = copy;
    });


document.addEventListener("DOMContentLoaded", function(){
      document.getElementById("copyAjax").onclick = copyAjax;
    });


// Copy text as text
function executeCopy(text) {
    var input = document.createElement('textarea');
    document.body.appendChild(input);
    input.value = text;
    input.focus();
    input.select();
    document.execCommand('Copy');
    input.remove();
}
Run Code Online (Sandbox Code Playgroud)

我知道你开始编译的43代Chrome使用execCommand和剪贴板.但问题是,您需要在执行用户发起的事件(其中权限被提升)中执行此操作.这是ZeroClipboard基于闪存的解决方案所具有的类似限制.除了得到一个不可能的答案(这是我现在正在思考的问题)之外,这些是我想做的其他选择(警告,它们都是Hail Mary Passes):

  1. 由于JSONP不能同步,因此将其转换为使用常规AJAX调用的内容,并确保AJAX调用在用户事件的执行上下文中是同步的.这违背了我根深蒂固的信念,即我们不应该进行同步XHR调用,因为它会降低用户体验.
  2. 当用户使用鼠标接近复制按钮时,我们会抢先发送服务器请求,并希望在用户单击按钮之前足够快.这是一个明显的竞争条件,可能不是时间的一部分,并且当用户想要执行Ctrl/Command-C而不是单击复制按钮时将无法确定.
  3. 执行两个步骤.单击以触发呼叫,当内容可用时,显示内容可用的消息,然后再次单击消息区域以复制到剪贴板.它似乎不是最好的UX互动.我用这个替代方法创建了这个例子.以编程方式触发单击不构成用户问题事件.
  4. 可能有一种方法可以创建简单的Chrome扩展程序,并允许用户将该扩展程序的权限设置为复制到剪贴板.这涉及但最终用户必须安装和扩展并更改本地浏览器设置.不确定很多用户是否有能力/愿意这样做.

我已经看过成问题,#2,如 …

javascript ajax clipboard zeroclipboard

12
推荐指数
1
解决办法
3171
查看次数

ZeroClipboard:swf加载但无法正常工作

ZeroClipboard不起作用,它不会抛出任何错误(javascript控制台).

该网站托管在localhost上运行的HTTPS网络服务器上.网站和SWF都由同一服务器通过HTTPS提供.

SWF加载并正确定位在按钮上(ID:testButton).右键单击该按钮时,将显示Flash上​​下文菜单(关于Adobe Flash Player 11.7 ...).

但是,没有任何事件,甚至没有"加载",都会被解雇.

我正在研究这个问题 两天 现在几个月,我找不到解决方案.

附加信息:

  • ZeroClipboard版本:v1.1.7,也尝试过v1.2.0-beta.3,编辑:这也适用于v1.3.1
  • 浏览器:Mac OSX上的Chromium 28
  • 官方测试网站正在运行

这是我的代码:

var clip = new ZeroClipboard(document.getElementById("testButton"), {
    moviePath: "media/zeroclipboard.swf"
});
clip.on("dataRequested", function(client, args) {
    client.setText("Copy me!");
});
clip.on("load", function(client) {
    alert("movie is loaded");
});
clip.on("complete", function(client, args) {
    alert("Copied text to clipboard: " + args.text);
});
clip.on("mouseover", function(client) {
    alert("mouse over");
});
clip.on("mouseout", function(client) {
    alert("mouse out");
});
clip.on("mousedown", function(client) {
    alert("mouse down");
});
clip.on("mouseup", function(client) {
    alert("mouse up");
});
Run Code Online (Sandbox Code Playgroud)

javascript flash zeroclipboard

11
推荐指数
1
解决办法
6345
查看次数

如何在HTML5中没有flash的情况下将文本复制到剪贴板?

Google云端硬盘上,如果我尝试共享文件并使用Google Chrome,则会显示以下按钮: 按钮复制网址仅在公共文件中出现

现在,如果我按"复制链接",它将选择按钮下方的textarea.(这是一个输入类型按钮)这里的图片: 在此输入图像描述

问题是....谷歌如何在不使用闪存(zeroclipboard)的情况下将广告文字/网址复制到剪贴板?它使用哪种铬的API?我试着检查这个,但只看到js.

javascript clipboard html5 google-chrome zeroclipboard

11
推荐指数
1
解决办法
3234
查看次数

ZeroClipboard SWF无法加载

ZeroClipboard.setMoviePath( "/zeroclipboard/ZeroClipboard.swf" );
var clip = new ZeroClipboard.Client();
clip.setText( $('textarea#download_me').text() );
clip.glue( 'clip' );
Run Code Online (Sandbox Code Playgroud)

我正在使用流行的ZeroClipboard插件将内容复制到用户的剪贴板.它在开发环境以及domain1.com上完美运行,但在domain2.com上没有完全相同的文件和设置!

/zeroclipboard/ZeroClipboard.js 负载.

/zeroclipboard/ZeroClipboard.swf 不加载!

我尝试了一切,但无法让它发挥作用.我真的很困惑为什么它在domain1上工作但在domain2上没有?

我该如何解决这个问题?

非常感谢您的帮助!

javascript flash clipboard jquery zeroclipboard

7
推荐指数
1
解决办法
9970
查看次数

从这个网站获取客户端剪贴板中的内容

有人可以解释这个网站如何访问剪贴板的内容并显示它?

http://snag.gy

我正在开发一个类似的项目,需要利用这个功能,用户可以通过ctrl + v粘贴图像.此外,如果该网站使用的是Java插件,为什么我的Chrome不会弹出过时的警告?

任何帮助表示赞赏!

谢谢.

javascript java jquery zeroclipboard

7
推荐指数
1
解决办法
1155
查看次数

我可以使用新的ZeroClipboard从剪贴板中获取数据吗?

我正在项目中使用这个新版本的ZeroClipboard:

https://github.com/jonrohan/ZeroClipboard

创建从HTML复制内容的按钮真的很轻松(与zClip或"旧"ZeroClipboard相比).

但是我现在想创建一个按钮,它在剪贴板中获取当前值并将其插入到输入字段中(即"单击以粘贴").

不幸的是我无法找到关于该主题的任何内容(从剪贴板获取数据 - 设置输入的值不是问题).我甚至不确定除了使用ZeroClipboard之外是否还有其他解决方案.

任何帮助是极大的赞赏!

javascript paste zeroclipboard

7
推荐指数
1
解决办法
966
查看次数