Question

我想知道是否有任何方法可以让ZeroClipBoard在我的弹出页面按钮上运行？到目前为止，我有以下代码将带来一个弹出页面，弹出页面是从一个php文件中调用的包括2个按钮。

第一页的代码：

<html>
<head>
<title>test</title>
<script type = "text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/zeroclipboard/2.1.6/ZeroClipboard.js"></script>
</head>
<body>
<div id="myDiv">This is the content to get copied to the text area and then to clipboard</div>
<button id="testButton" data-clipboard-target="myDiv"><b>Copy To Clipboard</b></button>
<!--<script type="text/javascript">
var clicks = 0;
</script>-->
<button onclick="launchPopUp('', '', 700, 'embedCode.php');">test button</button>
<!--<script>
function test123(){
if(clicks>=1){
alert(clicks);
var client = new ZeroClipboard( document.getElementById('copyAll') );
}
}
</script>-->
</body>
<script>
var client1 = new ZeroClipboard( document.getElementById('testButton') );
</script>

我已经尝试过将＃34;复制到剪贴板＆＃34; for＆＃34; testButton＆＃34;使用ZeroClipboard在我的第一页上工作的按钮。

我的第二页代码，它将是弹出页面的内容：

<?php 
session_start();

$userName =  "asdfbsadf";//$_SESSION['user_name'];
?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<script type = "text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/zeroclipboard/2.1.6/ZeroClipboard.js"></script>
</head>
<body>
<div id="copiedContent" style="border: 2px solid; margin: 30px 20px 10px 20px; padding: 4px 3px 5px 3px;">
Here will be the content and <?php echo $userName?> that be copied to the clipboard
</div>
<button id="copyAll" data-clipboard-target="copiedContent" style="float: right; margin-right: 20px;">Copy All</button>

<button style="float: right;" onclick="whatIsThis()">What Is This?</button>

<script>
function whatIsThis(){
    alert("This is...");
}
</script>
</body>
<!--<script language="JavaScript">
var client = new ZeroClipboard( document.getElementById('copyAll') );
</script>-->
</html>

＆＃34; launchPopup（）＆＃34;函数是从一个名为popUp2.0.js的开源调用的，如果需要js文件，我会发布，但那个是170行代码。

以上评论输出代码是我尝试过的代码。我尝试过添加＆＃34; var client = new ZeroClipboard（document.getElementById（＆＃39; copyAll＆＃39;））;＆＃34;对于我的弹出页面的第二页的copyAll按钮，它没有工作;我试图将它添加到第一页，按钮也没有用。

我发现如果代码＆＃34; var client = new ZeroClipboard（document.getElementById（＆＃39; copyAll＆＃39;））;＆＃34;按钮后调用，即可工作;但是我已经尝试了所有我知道的把它放在按钮之后，当我运行页面并单击测试按钮弹出弹出页面时，我找到了代码＆＃34; var client = new ZeroClipboard（document.getElementById （＆＃39; copyAll＆＃39;））;＆＃34;当我检查元素时，总是在按钮之前调用。

我想知道我是否有一个名为test123（）的函数，是否有任何方法可以在单击按钮并显示整个弹出页面后运行此函数，因此我可以使Javascript运行之后弹出页面显示，并使copyAll按钮工作？

或者我认为这是错误的，我的代码太糟糕了？如果有任何方法可以使它工作，我会很感激，因为它是我第一次使用ZeroClipboard。

Answer 1

您是否尝试过在onclick事件中调用第二个函数？

<button onclick="launchPopUp('', '', 700, 'embedCode.php'); test123();">test button</button>

ZeroClipboard不能在弹出页面的按钮上工作

1 个答案: