首页 > 其他分享 >[踩坑回顾]关于点击复制的时候iPhone部分机型会调起输入框的解决方案

[踩坑回顾]关于点击复制的时候iPhone部分机型会调起输入框的解决方案

时间:2022-09-19 09:56:51浏览次数:78  
标签:code 机型 input1 输入框 复制 iPhone 调起

在开发中遇到实现点击复制的功能,测试发现iPhone部分机型会在此时调起输入框。

解决方案:在input标签中加入readonly属性。

 

<input type="text" id="award_code" v-model="code_text" readonly>
copy_code(){
    var input1 = document.querySelector("#award_code");   // 直接构建input
    input1.value = this.code_text;  // 设置内容
    input1.select();   // 选择实例内容
    document.execCommand("Copy");   // 执行复制
    alert("复制成功")
},

 

标签:code,机型,input1,输入框,复制,iPhone,调起
From: https://www.cnblogs.com/ximu1009/p/16706701.html

相关文章