关于id =“ imgClickAndChange”和onclick =“ copy_password()的问题。。”

问题描述 投票:0回答:1

祝你好。我真的为此苦苦挣扎。我想单击时有一张图片,从图像1>图像2>图像3>返回图像1。同时,当他们单击它时,它会复制一个隐藏的标题,该标题显示为“ COPY THIS TEXT“。我使用了代码,将其放置在这篇文章的下面。当我在这里运行它时,它似乎可以工作。但是,当我将其放置在我的网站上时,它不起作用。

所以我要做的是去检查elemet并进行控制台。它在我使用脚本命令启动代码的地方抛出了Uncaught SyntaxError:Unexpected token'] >>。我对使用.js输入不感兴趣,只希望进行html编辑。

我不确定自己在做什么错。有人可以帮我看看代码吗?我不是每个都有Java经验的人。

当我在jfiddle或W3schools上测试代码时,似乎运行正常,请尝试使用该编辑器。

目前,我只需要javascript就可以在我的帖子条目之一的一部分上工作,而不是在整个网站上工作。该部分非常具体。我目前将代码粘贴在wordpress中的以下位置:Create Post >> Text Tab

作为html输入(即,仅复制并粘贴下面的代码)。

网站/帖子Here

感谢帮助。

这是下面的代码

<html>
<body>


<p>


        <img src='http://www.clipartbest.com/cliparts/RiA/66K/RiA66KbMT.png' id="imgClickAndChange" onclick="copy_password() ; changeImage()"/>
        
</p>


<script language="javascript">
    function changeImage() {

		if (document.getElementById("imgClickAndChange").src == "http://www.clipartbest.com/cliparts/RiA/66K/RiA66KbMT.png") {
    		document.getElementById("imgClickAndChange").src = "http://www.wpclipart.com/education/animal_numbers/animal_number_2.png";
 		}
  		else if (document.getElementById("imgClickAndChange").src == "http://www.wpclipart.com/education/animal_numbers/animal_number_2.png") {
   				 document.getElementById("imgClickAndChange").src = "https://secureservercdn.net/166.62.112.199/smt.db9.myftpupload.com/wp-content/uploads/2012/06/Number-3-bright.png";
  		}
 		 else if (document.getElementById("imgClickAndChange").src == "https://secureservercdn.net/166.62.112.199/smt.db9.myftpupload.com/wp-content/uploads/2012/06/Number-3-bright.png") {
    			document.getElementById("imgClickAndChange").src = "http://www.clipartbest.com/cliparts/RiA/66K/RiA66KbMT.png";
        }
    }
    
</script>



<center>


<p hidden> <span id="pwd_spn" class="password-span">COPY THIS TEXT</span></p>


<script>
document.getElementById("cp_btn").addEventListener("click", copy_password);

function copy_password() {
   var copyText = document.getElementById("pwd_spn");
  var textArea = document.createElement("textarea");
 textArea.value = copyText.textContent;
   document.body.appendChild(textArea);
    textArea.select();
    document.execCommand("Copy");
   textArea.remove();
}



</script>

</body>
</html>

祝你好。我真的为此苦苦挣扎。我想单击时有图片,从图像1>图像2>图像3>返回图像1。同时,当他们单击它时,它会复制一个...

javascript html
1个回答
0
投票
我不太了解您,但是我调整了您的代码,它对我来说很好用,我希望它也对您有用顺便说一句,如果要进行更改,请确保脚本在上方,以免导致未声明功能。
© www.soinside.com 2019 - 2024. All rights reserved.