[HTML]关于点击复制时，部分机型会调起输入框的解决方案

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

（2023.1.18补充：在小米手机也复现了这个问题）

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

 

<input type="text" id="award_code" v-model="code_text" readonly>

copy_code(){
    // 2023.3.29补充：这里如果使用jquery的$('#award_code'), 后面设置内容会失效
    // 会把参数名而不是参数值赋值到input的value中，原因未知。
    var input1 = document.querySelector("#award_code");   // 直接构建input
    input1.value = this.code_text;  // 设置内容
    input1.select();   // 选择实例内容
    document.execCommand("Copy");   // 执行复制
    alert("复制成功")
},