js点击复制隐藏域值

<html>
<head></head>
<body>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script type="text/javascript">
function copyValue() {try {//追加内容var copyURL ="<textarea id='url'>"+$("#copyInput").val()+"</textarea>";//追加$("#copy").append(copyURL);//选中【复制内容】$("#url")[0].select();//window.document.execCommand【不能复制隐藏域】window.document.execCommand("Copy");//移除$("#copy").html("");alert("已将链接复制到剪切板中！");}catch (e) {alert("系统繁忙！请刷新页面重试！");//保证页面样式不变$("#copy").html("");//打印错误信息console.log(e);}}</script>
<input type="hidden"value="http://www.baidu.com"id="copyInput"/>
<span id="copy"></span>
<button onclick="copyValue();">点击复制隐藏域内容！</button>
</body></html>

js点击复制隐藏域值相关推荐

JS 监听隐藏域值变化
在开发中,遇到一个问题,需要监听页面隐藏域值变化,但是试了好几种方式也不好用,最后发现可以再改动隐藏域值的时候,手动调用下.onchang() 事件. $('#imgUrlTemp').val(&qu ...
JS点击显示隐藏内容
JS点击显示隐藏密码思路:获取元素,判断点击,如果DIV显示就隐藏,如果DIV隐藏就显示出来. 1 if(DIV是显示的){ 2 div.style.display='none'; 3 } 4 el ...
js点击复制文本 - 案例篇
文章目录 js点击复制文本 :代码+效果图效果图 · 示下: html 代码如下: 注意代码: 附:[javascript监听键盘事件 - 如表单enter回车提交](https://blog.cs ...
hidden隐藏域值变化监听
hidden隐藏域值变化监听 jQuery.fn.val方法来赋值不会触发change事件,但是可以手动触发. 如:$('#id').val(111).change();
JS 点击复制Copy
1.实现点击按钮,复制文本框中的的内容 1 <script type="text/javascript"> 2 function copyUrl2() 3 { 4 va ...
JS点击复制按钮复制相关内容
网上是不是看到一些点击复制然后就自动把网址.文本内容自动复制呢,现在教大家如何实现一.点击复制文本框内容的代码(1) <script type="text/javascript&qu ...
js:点击button后返回值
问题:点击button后返回值只有点击的位置(x,y)信息,如何返回button上的文字信息栗子: 探索角度点击button后的返回值好像是不会包含button上的文本信息的解决方法还不知道应 ...
JS 点击复制Copy插件--Zero Clipboard
写博客就是一周工作中遇到哪些问题,一个优点就是能够进行一个总结,另外一个优点就是下次遇到相同的问题即使那你记不住,也能够翻看你的博客攻克了.相同也能够帮到别人遇到与你一样问题的人.或者别人有比你更好的 ...
clipboard.js,点击复制到系统剪切板,适合移动端、PC端复制
官网地址:https://clipboardjs.com/ GitHub地址:https://github.com/zenorocha/clipboard.js/ 下载后的文件目录: demo中有示例 ...

js点击复制隐藏域值

js点击复制隐藏域值相关推荐

最新文章

热门文章