js获取点选input的值innerHTml或value并复制到粘贴板

最新推荐文章于 2023-10-18 22:51:26 发布

dujunchi1

最新推荐文章于 2023-10-18 22:51:26 发布

阅读量548

点赞数

文章标签： javascript html 前端

本文链接：https://blog.csdn.net/dujunchi1/article/details/125244808

版权

本文介绍如何使用JavaScript获取用户在列表中点击的`<li>`元素的value属性，并将其转化为input元素值，实现复制到粘贴板的功能。适合前端开发者学习DOM操作和clipboard API应用。

摘要由CSDN通过智能技术生成

js获取点选input的值innerHTml或value并复制到粘贴板，能读取并到粘贴板上的js代码


<ul id="test">
       <li class="c" value="1212022121212" >2022</li>
       <li class="c" value="12120221212132322">2021</li>

</ul>


<script>
window.onload =  function (){
     var  ul = document.getElementById( "test" ).getElementsByTagName( "li" );
     //获取指定id的li
     for (i=0;i<ul.length;i++){
        //开始循环
              ul[i].onclick = function (){
                //如果选中其中的li
                var ta = this.getAttribute("value");
                //获取选中li的value值，如果是innerHTML就写（this.innerHTML）
                let input =document.createElement("input");
                //创建一个input
                input.value =ta;
                //给input赋值
                document.body.appendChild(input);
                //创建此input
                input.select(); 
                //选中
                document.execCommand("copy");
                //执行赋值
                input.style="display:none";
                document.body.removeChild(input)
                //移除input
              }; 
         }
     }
</script>