【问题标题】:zeroclipboard fire click event via jqueryzeroclipboard通过jquery触发点击事件
【发布时间】:2012-12-27 16:50:50
【问题描述】:

ZeroClipboard 是一个 javascript + flash 脚本,它允许浏览器将文本放入剪贴板,它会在所选元素上放置一个透明的 flash,当您单击它时,您可以将文本插入剪贴板,这工作,没问题,但我想让它自动化。 Onload 在剪贴板中放置一个字符串,以便用户以后可以粘贴它。一些代码 main.js

$('document').ready(function() {
ZeroClipboard.setMoviePath("http://url/to/ZeroClipboard.swf");
  var clip=new ZeroClipboard.Client();
 clip.on( 'load', function(client) {
   clip.glue('#redirlink');
} );
});

html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb" dir="ltr" >
  <head>

    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript" src="main.js"></script>

    <title>TEST</title>
  </head>
  <body>


      <div >
     <a  id="redirlink" data-clipboard-text="abcd" href="http://alabala.com" >Click HERE</a>

    </div>

  </body>
</html>

好的,现在的问题是如何模拟 zeroClipboard 放置的点击事件?我试过 $('#obkect_id").click(); 它不起作用(事件触发,但它对剪贴板没有影响,但是当我用鼠标单击时,它起作用)。有什么方法可以实现吗?

【问题讨论】:

    标签: jquery click zeroclipboard


    【解决方案1】:

    ZeroClipboard 的最新版本已经取消了 Client()。因此代码也发生了一些变化。 从Github这里下载最新版本

    然后说你想在页面/元素加载时更新/放置一些字符串。假设单击 id 为“#id”的“元素”,剪贴板需要加载一些文本

    <script>
    var str = 'Some text';
    $('element').attr('data-clipboard-text','str');
    ZeroClipboard.setDefaults({moviePath:'http://...../ZeroClipboard.swf'});
    var clip = new ZeroClipboard($('#id'));
    clip.on('complete',function(client, args){
    alert('Copied');
    });
    </script>
    

    希望对你有帮助

    【讨论】:

    • 会试一试 :),10 倍分享
    【解决方案2】:

    很遗憾,您无法模拟对 flash 对象的单击,并将其设置在剪贴板 http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/desktop/Clipboard.html# 中。这是 Adob​​e 的一项安全预防措施。

    【讨论】:

    • 太糟糕了 :(。我将使用带有弹出回退的 java 脚本(对于除 IE 之外的所有内容)。如果有人有兴趣,我可以发布 JS 解决方案
    • @MarcelKorpel 我还没有找到解决方案,我只是跳过了这个功能:(
    猜你喜欢
    • 1970-01-01
    • 2015-10-29
    • 1970-01-01
    • 2011-11-19
    • 2011-09-04
    • 1970-01-01
    • 2016-09-19
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多