最新消息:

wordpress文章页添加javascript脚本

学习 林夕 64浏览 0评论

wordpress主题的footer.php文件。
脚本代码放置在

</section>
<footer class="footer">

标签之间。然后在文章页调用。调用代码如下:

<input id="test" type="hidden" value="复制这条信息,€W62UbhiqQCD€ ,打开【手机淘宝】即可查看" />
<button onclick="textCopy(document.getElementById('test').value)" >点击即可复制这条信息,€W62UbhiqQCD€ ,打开【手机淘宝】即可查看</button>

javascript脚本代码如下:

<script>  
var textCopy=function (data) {
var f=document.createElement("form");
f.id="copy-"+Date.parse(new Date());
f.onsubmit=function(){return false};
f.style="opacity: 0;height: 1px;width: 1px;overflow: hidden;position:fixed;top: -1;left: -1;z-index: -1;"
f.innerHTML=`<button onclick='story.select();document.execCommand("Copy");'></button>
<textarea name="story">${data}</textarea>`;
document.body.appendChild(f);
document.querySelector(`#${f.id}>button`).click();
document.body.removeChild(document.getElementById(f.id));
}
</script>

转载请注明:一秒钟的梦 » wordpress文章页添加javascript脚本

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址