点击按钮将ID为code的<p>文本复制到指定输入框的PHP实现方法
点击按钮复制文本到指定输入框的实现方案
直接通过内联JavaScript就能实现需求,代码示例如下:
<!-- 触发按钮 --> <button onclick="document.querySelector('[data-field-id=\"6197c68b4c806\"]').value = document.getElementById('code').textContent;">复制文本</button> <!-- 待复制的文本元素 --> <p id="code">这里是需要复制的文本内容</p> <!-- 目标输入框 --> <input type="text" data-field-id="6197c68b4c806">
代码说明:
document.getElementById('code').textContent:获取ID为code的<p>元素中的文本内容document.querySelector('[data-field-id="6197c68b4c806"]'):通过data-field-id属性定位到目标输入框- 将获取到的文本赋值给输入框的
value属性,完成内容填充
内容的提问来源于stack exchange,提问作者Ethan
相关产品推荐
相关产品推荐

